Jquery form, disable submit button until required field entered [closed]

Answer 1

You don't need to disable the submit button, you just need to show an error message and stop the form from submitting.

Try using http://jqueryvalidation.org/ to manage your form validation. You would just mark required fields as such and the validation framework will make sure that the form doesn't submit until all rules are passed.

<input type="text" name="firstName" id="firstName" required />

That's all you need to do with jQuery Validate.

Answer 2

Loop through the form fields and check if there is any field/s still left out empty, if yes keep disabled submit button, else enable submit button.

var flag = true;

$('#yourFormID').each(function() 
   {  
       if($(this).val() == "")  
       { 
             /* $('input[type="submit"]').attr('disabled'); may be you will need this if you are checking form on every form element*/
              flag = false;
       }
   }
if(flag) {
        $('input[type="submit"]').removeAttr('disabled');
}

I will suggest to call this code on on last element of your form