jQuery Validation - resetForm() ne se comporte pas comme prévu

Question

site en question est http://epraxadev.com/kw/palisade-palms/

« Cliquez ici pour la brochure » et « En savoir plus sur Palisade Palms » à la fois faire apparaître une visionneuse avec le même formulaire HTML à remplir ... le lien "learn more ..." modifie également une partie du code HTML dans le formulaire (la valeur d'un champ de formulaire masqué et les champs requis).

J'utilise Colorbox pour la visionneuse, et pour son événement OnClosed, je ce pour réinitialiser la forme:

onClosed: function() { 
     $('#brochure-form label em').remove(); 
     $('#brochure-form').data('validator').resetForm(); 
    } 

est maintenant ici le problème:

• utilisateur tente d'envoyer le formulaire "brochure", mais la validation échoue. L'utilisateur ferme la boîte à lumière. L'utilisateur ouvre la boîte à lumière "En savoir plus" et essaie de soumettre le formulaire ... maintenant, au lieu d'utiliser les règles de validation correctes (nécessitant uniquement un e-mail et un référent), tous les champs doivent être remplis (comme c'est le cas avec le "Formulaire Brochure")

Y at-il quelque chose que je peux ajouter à la fonction onClosed, pour nettoyer toutes les règles de validation?

Merci les gars!

Answer 1

Je l'ai corrigé en ajoutant manuellement & en supprimant la classe "required" aux entrées souhaitées lors des événements de boxbox onComplete et onClosed, respectivement.

Avant, j'ajoutant les règles d'entrée nécessaires avec

$('#brochure-form').validate({ 
      rules: { 
       first_name: "required", 
       last_name: "required", 
       email: "required", 
       phone: "required", 
       address: "required", 
       city: "required", 
       state: "required", 
       zip: "required", 
       referrer: "required" 
      } 
     }); 

Et ces règles ne sont pas correctement nettoyé avec la fonction resetForm().

Vous pouvez voir le code de travail à http://epraxadev.com/kw/palisade-palms/

Vous pouvez voir l'ancienne version non-travail à http://epraxadev.com/kw/palisade-palms/test.html