JQuery Validator by DIV rather than by FORM
Unfortunately we have a really large input form with 150-200 input fields that I applied the validator to. We have created a 7 step process that is used to guide the user through the fields and they cannot go onto the next step until the 1st step is complete. But beause there are so many fields it takes forever for the validation to process since it is appears to always pulling the elements from the entire form and trying to validate them.
Question: is there any way to have the validator work by div section (which is much smaller) rather than by form?
What I have now: $('#form').validate({rules:...})
Would like to have: $('#step1').validate({rules:...}); $('#step2').validate({rules:...}); etc...
I tried using $('#step1') which is not a form and it does not work.
Is it possible to have the validator work by div and if so how?
I'm using jQuery validation plug-in 1.3