jquery: disable submit button in a form and enable it onChange of any element on the form

Question

I need to disable the disable the submit button on my form and to enable if the onchange event occurs for any other input on the form
so basically I need to:

• disable the submit button
• add a method that enbales the submit button to the onchange event for all the other inputs on the form

anybody knows how to do this ? (especially the second one)

Answer 1

Something like this:

$("#myform").children().change(function(){
   $("#submit").removeAttr('disabled');
});

Answer 2

Try this:

$("form").submit(function() {
    $(this).find(":submit").attr("disabled", "disabled");
}).find(":input").change(function() {
    $(this).parent("form").find(":submit").removeAttr("disabled");
});

Answer 3

Using jQuery 1.4:

// To disable submit button
$('#myform').find (':submit').attr ('disabled', 'disabled');

// Re-enable submit
var form = $('#myform');
$(':input', form.get(0)).live ('change', function (e) {
    form.find (':submit').removeAttr ('disabled');
});