Jquery Valider Plugin Concern

Question

Je suis en train mon chemin sur l'utilisation du validate jquery plug-in, mais je ne peux pas l'air de le faire fonctionner sur un aspect particulier.

Je ce scénario, ma forme a un espace limité si l'erreur d'étiquette générée par le validate du plugin ne peut pas être vu si jamais il y a une erreur de validation

donc ce que je l'ai fait est, je créé un récipient en dessous de mon formulaire pour servir de conteneur pour l'erreur. L'affichage initial de ce conteneur est aucun (display:none)

Voici mon balisage pour que vous puissiez le visualiser.

<form id="myform"> 

</form> 
<div id="container"> 
    <h4>There is an error in your form entry. Kindly correct please.</h4> 
</div> 

j'ai découvert sur le net en ce qui concerne une méthode interne du plugin validate en ce qui concerne la errorplacement donc je fait usage.

$("#myform").validate({ 
    errorPlacement: function(error, element) { 
      error.appendTo("div.container"); 
    } 
}); 

Tout va bien lorsqu'une erreur est survenue, elle est bien ajoutée sur mon conteneur. Mon problème est lors de la correction de l'erreur, l'erreur d'étiquette est masquée mais mon conteneur div est toujours affiché.

Que puis-je faire pour qu'après avoir corrigé l'erreur, le conteneur div soit également masqué. Merci.

Answer 1

Il y a un errorContainer option pour cela, utiliser comme ceci:

$("#myform").validate({ 
    errorContainer: "div.container", 
    errorPlacement: function(error, element) { 
      error.appendTo("div.container"); 
    } 
}); 

Le sélecteur donné à cette option sera affiché/caché s'il y a/ne sont pas des erreurs, respectivement.