Plugin jQuery Validation: Comment puis-je forcer la validation sur des champs précédemment valides?

Question

J'utilise le plugin jQuery Validation pour valider un formulaire. Savez-vous comment forcer la revalidation sur champs précédemment réussis?

J'ai essayé la fonction .form en utilisant le contrôle suivant (ceci est effectué après que l'utilisateur clique sur « submit »):

if ($('#form1').validate().form()==false) 
{ 
    formValid = false; 
} 

Cependant, il semble que le code ci-dessus réessaye pas la validation si les champs sont déjà validés avec succès (c.-à-d. cocher à côté d'eux) ne sont pas vérifiés à nouveau. La raison pour vouloir réessayer la revalidation sur des champs précédemment réussis est qu'ils s'appuient sur la validation à distance, et que le résultat (succès ou échec) peut changer entre l'utilisateur quittant le champ et cliquant sur soumettre. (Cela s'applique à un champ 'nom d'utilisateur').

Dans le cas où cela affecte la réponse, j'ai plusieurs formulaires à valider (pour simplifier, dans l'extrait de code ci-dessus je ne me réfère qu'à '# form1').

Merci à l'avance pour tout conseil,

Rob

Answer 1

L'état de validation pour les champs à distance sont stockées via $.data() avec l'élément que vous voulez valider, de sorte que vous pouvez utiliser pour effacer .removeData() que sur .. .donc il est forcé de revalider:

$("#form1 :input").removeData("previousValue"); 
//now call .valid() 

Cela force le contrôle si la valeur a changé (il faut revalider) être true:

S'il n'y a que des champs spécifiques qui doivent être revérifiés, comme vous avez dit le nom d'utilisateur, vous pouvez réduire le sélecteur $("#form1 :input") aux champs que vous voulez, pour le rendre un peu plus efficace.

Answer 2

Je suis tombé sur cette réponse lorsque je cherchais à utiliser la validation discrète à distance de jQuery. Ce n'était pas le sujet le mieux documenté au monde et ce n'était pas sans bizarreries. Tellement que j'ai fini par écrire un blog sur ce que j'ai appris. Lien ici si utile:

http://icanmakethiswork.blogspot.com/2012/03/jquery-unobtrusive-remote-validation.html