jquery disable submit button until form complete code example

Example 1: jquery enable submit button

//jQuery 1.6+ use:
$("#submitButtonID").prop('disabled', true); //disable 
$("#submitButtonID").prop('disabled', false); //enable

//jQuery 1.5 and below use:
$("#submitButtonID").attr('disabled','disabled'); //disable 
$("#submitButtonID").removeAttr('disabled'); //enable

Example 2: disabling submit button until all fields have values

$(function () {
    $('#submits').attr('disabled', true);
    $('#initial_5').change(function () {
        if ($('#initial_1').val() != '' && $('#initial_2').val() != '' && $('#initial_3').val() != '' && $('#initial_4').val() != '' && $('#initial_5').val() != '') {
            $('#submits').attr('disabled', false);
        } else {
            $('#submits').attr('disabled', true);
        }
    });
 });

Tags:

Html Example