I have a form that is split into 3 different tabs. You can only move
to the next tab if the part of the form on the current tab is valid. I
have 3 separate validator code sections each with their own rules and
messages. I attach an onclick handler to the custom button to return
('#myForm').validate().form() and if it returns true to move on to the
next tab. However, on the next tab I can click the "next" button and
it moves on, even though all the fields should have errors. I assume
that maybe the overall state of the form is valid, so calling .form()
again returns true. I'm wondering what the best solution is to
validating a form split into 3 different tabs. I was thinking that
when a tab "opens", you set the form valid state (if it's possible) to
false everytime. But I wonder if then once you call .form() it returns
false no matter what since you manually set it? This seems like a
quick fix and possibly bad idea, anybody have any suggestions?
