Afficher le sommaire et les messages d'erreur à l'aide du plugin jQuery validation
Comment puis-je afficher à la fois les messages d'erreur et de résumé pour le plugin jQuery?
J'ai effectivement trouvé une question similaire , mais il vient de références des crochets je peux l'utiliser, mais je ne suis pas sûr où commencer.
J'ai eu l'affichant les messages d'erreur de la partie, mais j'ai besoin d'afficher le résumé dans une boîte d'alerte sur "soumettre", et le plugin peut être trouvé ici.
Viens de trouver comment faire, merci pour le code de David, et sur ma question de suivi - La boîte d'alerte serait le "Premier Nom: Veuillez entrer un prénom".
Code ci-dessous:
$(document).ready(function() {
var submitted = false;
('.selector').validate({
showErrors: function(errorMap, errorList) {
if (submitted) {
var summary = "You have the following errors: \n";
$.each(errorMap, function(key, value) {
summary += key + ': ' + value + "\n";
});
alert(summary);
submitted = false;
}
this.defaultShowErrors();
},
invalidHandler: function(form, validator) {
submitted = true;
}
});
});
Vous devez vous connecter pour publier un commentaire.
Comme lié question dit, la
showErrors
de callback qui est appelée à chaque fois que les erreurs sont affichées. Vous pouvez l'utiliser pour créer votre résumé et alerter. Vous pouvez ensuite appelerthis.defaultShowErrors()
pour afficher l'individu normal des messages d'erreur.Par défaut showErrors est appelé pour un grand nombre d'événements (soumettre, keyup, flou, etc). Vous pouvez soit désactiver une de ces, ou de l'utilisation de la
invalidHandler
méthode qui est appelée lorsqu'une non valide le formulaire est soumis.Exemple:
Voir ici pour une liste complète des options qui peuvent être transmis à la
validate
méthode.