jQuery Girl
  1. jQuery Girl
  3. Bassistance jQuery form validation plugin – erreur d’email avant la soumission
Intereting Posts
Comment limiter le rappel de l’événement jQuery? jQuery fadein fadeout à plusieurs resockets La fonction jQuery $ .css () n’interprète pas correctement «animation-delay» (dans les navigateurs Webkit!) Mauvais alignement d’éléments de grid avec l’en-tête Comment faire en sorte que mon code de validation jQuery soit exécuté une seconde fois après qu’un formulaire a déjà été soumis? Ajout dynamic de champs de formulaire HTML à l’aide de jQuery comment charger une division externe dans une division master.html à partir d’un certain nombre d’éléments de sous-menu jQuery: Trouvez les deux premiers enfants Utilisation de qTip2 avec des cartes vectorielles jQuery (jqvmap) forcer le clavier ouvert sur android mousedown / mouseup dans jQuery fonctionne-t-il pour l’ipad? Comment transformer un groupe de boutons dans Bootstrap en une entrée de style radio de mon formulaire? jQuery en conflit avec d’autres bibliothèques Sélectionnez Table Row dans jQuery Filtres SVG après clonage SVG

Bassistance jQuery form validation plugin – erreur d’email avant la soumission

J’utilise ce plugin: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Pour la validation du formulaire JQuery. Tout fonctionne très bien sauf le champ email. Dès que je commence à taper dans ce champ, le message “Veuillez saisir une adresse électronique valide.” Le message apparaît alors que ce que j’ai tapé jusqu’à présent est correct.

Dans la documentation ( http://docs.jquery.com/Plugins/Validation ), il est écrit:

“Avant qu’un champ ne soit marqué comme non valide, la validation est fausse: avant de soumettre le formulaire pour la première fois, l’utilisateur peut parcourir les champs sans recevoir de messages gênants – il ne sera pas bogué avant d’avoir eu la possibilité valeur”

Mais cela ne semble pas arriver pour le champ email.

Ce problème peut également être vu dans la démo de l’auteur: http://jquery.bassistance.de/validate/demo/

Existe-t-il une option / solution de contournement pour ce comportement?

“Avant qu’un champ ne soit marqué comme non valide, la validation est fausse: avant de soumettre le formulaire pour la première fois, l’utilisateur peut parcourir les champs sans recevoir de messages gênants – il ne sera pas bogué avant d’avoir eu la possibilité de saisir valeur”

Mais cela ne semble pas arriver pour le champ email.

Ce n’est pas seulement avec la règle de l’ email . Vous pouvez voir le même comportement sur la règle minlength .

http://jsfiddle.net/f3sxF/

Existe-t-il une option / solution de contournement pour ce comportement?

Vous pouvez utiliser la version préliminaire qui semble résoudre ce problème. Cependant, plutôt que de risquer de nouveaux bogues en utilisant une version “préliminaire” du plug-in sur votre site de production, vous pouvez simplement utiliser une version modifiée de la fonction de rappel onkeyup … 

 $('#myform').validate({ onkeyup: function (element, event) { if (event.which === 9 && this.elementValue(element) === '') { return; } else if (element.name in this.submitted ) { this.element(element); } }, // your other options });

En utilisant ce qui précède, toute la validation onkeyup est ignorée jusqu’à ce que le formulaire soit soumis pour la première fois ou jusqu’à ce que l’utilisateur quitte le champ contenant les données saisies.

Démo: http://jsfiddle.net/wNj4n/

Ce comportement est corrigé dans le dernier fichier jquery-validate.js sur github . Le bogue a été signalé comme

“La validation par e-mail se déclenche immédiatement lorsque le texte est dans le champ”

rapport de bug et discussion ici