Validator plugin firing with links and on submit

Question

Hi,

I have a web form which is split up into several HTML pages.

I am using the validation plug-in to check fields on submit and this is working great.

The spec says that users should be able to navigate through the form, both linearly (just using the submit buttons to go from page to page) and also to skip to any particular page.

I have a unordered list with the links at the top of each page. I'm looking to fire the validation both on submit and when one of these links is clicked but don't know if this is possible.

For info, I'm currently firing the validation this way:

$("form#courseDetails").validate({
  rules: {
      studiedBefore: "required" //Have you studied with us before
  },

  messages: {
      studiedBefore: "Please indicate whether you have studied with us before."
  }
});

Each form has an ID and validation for all the forms is in one JS file.

Not that it really matters, but the navigation is in <ul id="tabNav">

Any help much appreciated.

Thanks, Phil

Answer 1

Check the .valid() method it provides. If you call that in click handlers attached to your links, you should be ok.