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?

Nick Craver · Accepted Answer · 2010-11-16 20:40:07Z

16

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.

answered Nov 16, 2010 at 20:40

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Conner · Accepted Answer · 2012-08-18 01:28:58Z

0

In the event handler return true to proceed and return false to stop.

edited Aug 18, 2012 at 1:28

Conner

31.4k8 gold badges55 silver badges75 bronze badges

answered Nov 16, 2010 at 20:40

Josiah Ruddell

29.9k8 gold badges68 silver badges68 bronze badges

1 Comment

Nick Craver Over a year ago

There's no need to return true in any cases, return false is special, but an undefined (no return) will continue as well.

Collectives™ on Stack Overflow

Custom submit function after jQuery Validation

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related