Custom submit function after jQuery Validation

Question

How would I add a custom submit function to a form to prevent it's normal action but so that it only runs after being validated by the jQuery Validation plugin?

Answer 1

You can use the submitHandler option of .validate(), like this:

$("form").validate({
  submitHandler: function(form) {
    //this runs when the form validated successfully
    form.submit(); //submit it the form
  }
});

There's also an invalidHandler if you want to run something when it doesn't pass validation.