Aide avec le plugin jQuery Validation et un formulaire qui utilise des 'panneaux'

Question

J'ai un formulaire qui fonctionne dans les 'sections' que je nommerai 'panneaux'.

Par défaut, le formulaire est répertorié sur la page, un panneau après l'autre. Cependant, avec JavaScript, il place les panneaux dans un panneau de visualisation et les affiche les uns après les autres (avec les boutons prev/next).

Exemple Formulaire workflow

Panel 1: Détails de l'utilisateur -> Panel 2: Emplacement de l'utilisateur -> Panneau 3: Infos utilisateurs -> Panel 4: confirmer les détails

J'utilise le jQuery Validation plugin. Mon problème est, j'ai mis en place toutes les règles pour toutes les entrées dans les 3 premiers panneaux, et j'aimerais pouvoir valider seulement un sous-ensemble d'entre eux par panneau. Exemple, en poussant «panneau suivant» après avoir complété le nom & email (dans le 1er panneau, détails de l'utilisateur panneau), je voudrais d'abord faire une validation sur ce panneau, puis obtenir une réponse booléenne (si le 1er panneau validé), et si cela est vrai, passez au panneau suivant.

J'ai joué avec un peu de la config, mais malheureusement je n'ai pas pu le faire fonctionner comme je le voulais. C'est mon premier projet avec ce plugin donc je suis assez nouveau pour ça!

Existe-t-il un moyen d'ajouter des règles dynamiquement au plugin? c'est-à-dire pas sur $('form').validate(options)? Ce que je voudrais faire, est d'appeler le validate() sur le formulaire, avec tous les messages d'erreur, puis sur le code du 'panneau suivant', faire un changement de casier pour déterminer les règles à ajouter, puis appeler un validate() moi-même.

Answer 1

pourriez-vous pas faire: next.onclick (valider le formulaire) erreurs pour cacher les panneaux suivants affichage panneau suivant

regardant la documentation, il semble que vous pouvez valider chaque élément, si onclick (valider la première page) ... et ainsi de suite

http://docs.jquery.com/Plugins/Validation/Validator/element#element

Ou vous coul d ajouter des méthodes à la validation en utilisant ceci:

http://docs.jquery.com/Plugins/Validation/Validator/addMethod#namemethodmessage

Answer 2

faites quelque chose comme vous cette multi-part form validation? Wow, n'a même pas remarqué quel âge ce post est, je suppose que vous l'avez trouvé/trouvé une solution de contournement maintenant =).