Disable/enable entire form's submit with jquery

Question

When my form doesn't validate, I want to disable the form's submit function. I can do this by disabling the submit button, but this would leave the enter key unchecked.
I can set the .submit(return false); but then I can't re-enable it again later.

Any suggestions?

Answer 1

Instead of directly calling the submit function call an intermediary function and do a check in there.

i.e.

var isSubmitable = false;

fucntion submitForm() {
   if(isSubmitable) {
       myform.submit();
   }
}

Answer 2

How about doing the check inside the submit method:

$('#form').submit (function() {
 if(formValidated())
  return true;
 return false;
});

Answer 3

Another possible solution:

$('#form').change(function() { (isValid($('#form')) ? $('#submitBtn').attr('disabled',false) : $('#submitBtn').attr('disabled',true) });

Of course, isValid() checks that all your $('#form') elements comply to your validation rules. That's how I would do it.

Answer 4

just a simplification of Pim's:

$('#form').submit (function() { return formValidated(); });