Erreur de délai jQuery avec le plugin Form Validator

Question

J'ai une fenêtre pop-up utilisant le script ZURB.org (fonctionnant parfaitement bien). Dans cette boîte de révélation j'ai un formulaire que l'utilisateur peut remplir certaines informations. Cela valide parfaitement en utilisant le plugin - présentant les beaux messages d'erreur bien alignés. Mon problème est, avec ceci a été une boîte de révélation, quand l'utilisateur clique hors de la boîte de révélation (pour sortir) les icônes de validation apparaissent toujours là jusqu'à ce que l'utilisateur les clique manuellement.

J'ai réussi à comprendre si elles cliquez sur l'icône « Quitter » en haut de la boîte, il les fermer au moyen de ce code:

<a class="close-reveal-modal" onclick="$('#jobForm').validationEngine('hideAll');">Exit</a> 

Comment jamais, Je veux maintenant utilisez un peu de jQuery pour automatiquement «cacher» ces messages d'erreur après, disons, 3 secondes.

Le code que j'ai à ce jour est:

<script> 
$(document).ready(function() { 
$("#job_submit").click(function() { 
$('#jobForm').validationEngine('hideAll').delay(3000); 
}); 
}); 
</script> 

job_submit est l'ID et le nom du bouton Soumettre dans le formulaire. Je suis allé un peu plus loin avec l'outil de débogage de Chromes et j'ai écrit dans la console le code suivant:

$ ('# jobForm'). ValidityIngine ('hideAll'). Delay (3000);

Lorsque les erreurs de validation de formulaire étaient présentes. Ceci est revenu avec l'erreur 'Erreur de type'.

À partir de maintenant, je ne sais pas comment résoudre cette erreur de type.

Comme toujours, merci beaucoup pour votre aide.

Mise à jour

Les classes Div ne sont pas le même nom, pour une raison quelconque, la première partie de la div est le nom du champ de formulaire itsself par exemple jdesformError parentFormjobForm formerror

Comment jamais, les 2 dernières sections semblent être cohérentes.

J'ai essayé dans la console - $ ('jdesformError parentFormjobForm formerror.) Retard (1000) .trigger (clic);.

et il est passé avec brio cependant, le champ 'erreur' n'a pas disparu quand il le fait quand je le clique physiquement, cela aurait-il quelque chose à voir avec la boîte de révélation que j'utilise?

Answer 1

est ici une approche:

$(document).ready(function() { 
    $("#job_submit").click(function() { 
     // click all the errors at once 
     $('.formError').delay(3000).trigger('click'); 
    }); 
});