Comment afficher les messages dans invalidHandler JQuery dans le programme de validation
Je suis en train d'utiliser le JQuery du programme de validation d'un formulaire et je suis à essayer de comprendre pour obtenir les messages d'erreurs dans la invalidHandler option (ou si il y a quelque part d'autre, ne le dis).
Lorsqu'un utilisateur clique sur le bouton soumettre, quelle que soit la première erreur, je veux afficher une boîte d'alerte avec le message de l'erreur. Je ne veux pas l'erreur d'être écrit sur le document. Je n'arrive pas à comprendre comment obtenir les messages d'erreur à l'utilisation dans une alerte après la validation. Je n'ai trouvé comment obtenir les éléments, et qui n'a pas vraiment m'aider.
Les tirant vers l'extérieur à partir de l'exemple, voici un code que je teste avec
$(document).ready(function() {
$('#commentForm').validate({
invalidHandler: function(f, v) {
var errors = v.numberOfInvalids();
if (errors) {
var invalidElements = v.invalidElements();
alert(invalidElements[0]);
}
}
});
});
et
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<legend>A simple comment form with submit validation and default messages</legend>
<p>
<label for="cname">Name</label>
<em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" />
</p>
<p>
<input class="submit" type="submit" value="Submit"/>
</p>
</fieldset>
</form>
C'est tout simplement appelé Validation. docs.jquery.com/Plugins/Validation
OriginalL'auteur | 2009-09-22
Vous devez vous connecter pour publier un commentaire.
Cela fonctionne pour moi...
OriginalL'auteur Charles Forsyth
Surcharge
showErrors
a fonctionné comme prévu. J'ai juste besoin pour obtenir le premier message d'erreur.Aussi n'oubliez pas de prendre un coup d'oeil à la
onfocusout
etonkeyup
options, sinon vous obtiendrez des messages continus.OriginalL'auteur
DOIT vérifier errorList.longueur
OriginalL'auteur breeze
Vous ne devez pas utiliser d'alerte,
Mais si vous voulez vraiment l'utiliser. La Solution dépend de la façon dont plugin ajouter des éléments du dom, mais vous pouvez supprimer les éléments du dom dans invalidHandler. Laissons donc ces dom élément ajouté, mais le supprimer.
Autre option est que vous devriez patch plugin que vous utilisez pour la validation et au lieu d'ajouter des dom afficher une alerte.
OriginalL'auteur nexneo
Je sais que la question est assez vieux, mais pour aider d'autres personnes pour obtenir une meilleure réponse que je vous conseille de vous les gars n'utilisant pas invalidHandler, mais showErrors.
C'est parce que invalidHandler sera appelée que lorsque vous soumettez votre formulaire
showErrors est appelée à chaque fois qu'un champ est mis à jour.
Donc, faites ceci:
Script à la fin de la page
N'oubliez pas votre balise html
OriginalL'auteur Lucas