jquery - disabled submit when nothing changed -


for example have edit form name , description:

name: applepie description: sort of cake.  (submit) 

default can click on submit button , still update entries when nothing changed. want prevent behaviour. so, when click in input field example applepie , start writing applepie|s, submit button goes active, if changed nothing submit button default disabled.

i'm using symfony 2.6.7 , jquery.

someone idea? :-)

use flag detect if changes made on form. then, in onsubmit, check flag , return false if no changes occured

var changed = false; $('form [name]').change(function(){     changed = true; });  $('form').submit(function({     if(!changed){         return false;     } }); 

see detecting data changes in forms using jquery

update

it technically possible change event may fire 'no' changes made(user undoes change).

to true check of whether changes made or not, can lever jquery serialize() check before/after

 var originalform = $('form').serialize();   $('form').submit(function({         var currentform = $('form').serialize();         if(orginalform == currentform){             return false;         }     }); 

Comments