How to use jQuery validation plugin as part of larger javascript processing flow?

Question

In my client-side code, I:

Populate hidden fields in a form.
Wait for the user to fill in fields such as Name, Email.
The user clicks [Submit] or [Cancel].
Assuming [Submit] was clicked, I assemble data, make a jQuery.ajax POST request, and repopulate the page with the result.

The various forms have reached enough complexity that the jQuery validation plugin http://bassistance.de/jquery-plugins/jquery-plugin-validation/ would be of great assistance. I have used it in various other projects.

However, I have never used it as part of a larger javascript/jQuery work flow. When the user clicks Submit, I want to run Validate against that html form (and only that form, there are several on the page). If validation fails, display the error messages (normal Validation behavior). If validation passes, continue on to my existing AJAX processing code.

How can I accomplish this, i.e., insert jQuery form validation between steps 3 and 4 above?

I apologize for not posting the code. It is subject to non-disclosure.

politus · Accepted Answer · 2012-11-29 12:55:45Z

1

Use the submitHandler callback

"Callback for handling the actual submit when the form is valid. Gets the form as the only argument. Replaces the default submit. The right place to submit a form via Ajax after it validated."

$(".selector").validate({
   submitHandler: function(form) {
      // or put your code here
      $(form).ajaxSubmit();
   }
})

answered Nov 29, 2012 at 12:55

politus

6,0862 gold badges35 silver badges43 bronze badges

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

1 Comment

Edward Barnard Over a year ago

Looks like that should do what I need. Thank you!

Collectives™ on Stack Overflow

How to use jQuery validation plugin as part of larger javascript processing flow?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related