Le déclenchement d'un événement si il y a des erreurs de validation?

J'ai besoin d'ajouter une poignée à toutes les circonstances où une forme de validation échoue.

J'ai lu cette, qui explique que je dois ajouter un gestionnaire comme suit:

$('form').bind('invalid-form.validate', function () {
  console.log('form is invalid!');
});

Mais cet événement se déclenche uniquement lorsque j'essaie d'envoyer le formulaire.

J'ai besoin de gérer un événement est déclenché TOUTES les fois que le formulaire est en post-validé (c'est à dire l'élément perd le focus, etc.).

Ce que je suis en train de réaliser est, j'ai une grande forme (~50 champs), et il est divisé en Bootstrap onglets.

Je veux, que lorsqu'il y a toute une nouvelle validation de l'échec ou de la réussite, de définir ou effacer une erreur de classe dans le titre de l'onglet de l'onglet qui contient l'invalide/éléments valides. P. S. ma question n'est pas sur la façon de définir ces classes dans les onglets. Je veux seulement savoir de quel événement(s) pour manipuler afin d'être notifié lors de chaque validation de changement d'état dans l'ensemble du formulaire.

Il n'existe pas d'événement prévu par jQuery ou de la validation de plugin. Vous devrez joindre une focusout, blur, keyup, etc pour chaque élément d'entrée et utilisez les .valid() méthode pour tester la la forme.
est-il un événement tel que onvalidated fourni par le discret validation plugin?
Je ne suis pas très familier avec la unobtrusive plugin à tous. Cependant, dans tous les milliers de jQuery Valider les questions que j'ai vu, je n'ai jamais vu tous les événements décrits.
Qu'est-ce exactement que vous essayez de faire? Pourquoi tu ne peux pas utiliser les l'une des options intégrées?
avec discrète de validation vous n'appelez pas validate à tous. Il définit tout pour vous. De toute façon j'ai mis à jour ma question avec le but de mon exigence.
Oui, je le comprends. Toutefois, vous pouvez utiliser setDefaults() de contourner l'incapacité d'appeler .validate().

InformationsquelleAutor Shimmy | 2015-04-25

5

J'ai besoin d'ajouter un gestionnaire d'une circonstance où la forme de la validation échoue.
```
$('input, textarea, select').on('focusout keyup', function() {
   if ($('form').valid()) {
       //do something
   }
});
```
Je veux, que quand il n'y a aucune erreur de validation, de définir une classe d'erreur dans le titre de l'onglet qui contient l'invalide éléments.

Bien, c'est un peu différent de ce que vous demandiez. (Ignorer la première moitié de ma réponse.)

Utiliser le highlight et unhighlight options avec jQuery DOM traversée de définir et d'annuler toute classe dans les DOM vous le souhaitez. highlight se déclenche lorsque quelque chose n'est pas valide et unhighlight feux quand il devient valide. Voir cette réponse comme un exemple.

Utilisation le .setDefaults() méthode pour définir ces options depuis que vous utilisez le unobtrusive-validation plugin, et n'ont pas d'accès direct à la .validate() méthode.
- Je pense que le highlight et unhighlight est en effet ce que je recherche. De toute façon, je Peux appeler l'original highlight fonction à partir de la fonction highlight, je suis la mise en place? Ici're de la fonction d'origine, dois-je les copier et les coller dans mon remplacer script ou il existe n'importe où?
- tout ce que vous mettez dans, il y aura préséance sur le défaut.
- En d'autres termes, vous aurez besoin de copier la fonction par défaut dans le vôtre si vous souhaitez conserver le comportement par défaut. Construit alors sur elle pour obtenir votre nouveau comportement.
- Le problème est que j'ai besoin de configurer les onglets' titres seulement après la validation est terminée pour tous les éléments. Sinon, il obtient l'état valide de son dernier élément de validation de l'état. Encore une fois, je me retrouve avec la question d'origine. Je crois que je vais avoir à savoir comment et quand les discrète validation est déclenchée.
- encore une fois, passez en revue les options. Le invalidHandler feux sur un formulaire non valide.
- J'ai fini par utiliser la invalid-form.validate événement, qui est le discret validation de l'événement qui est déclenché à sortir du sous le capot jquery invalidHandler. Malheureusement j'ai raté quelque chose dans la fonction que le fait de ne pas travailler. Je devrais n'ai pas posé cette question et à un gaspillage de votre temps. De toute façon, votre réponse m'a beaucoup appris sur la façon jquery de validation des travaux.
- de toute façon, ma question est toujours sans réponse. Cet événement ne s'arrête lors de la soumission de formulaire, et ne fonctionne pas du tout pour la validation du client. En utilisant les propositions dans votre réponse sera à nouveau déclencher un événement pour chaque domaine - je obtenir un résumé de tous les champs non valides, et tous les champs qui est devenu valide (pour effacer leur état d'erreur).
- BTW, icile code source de discrète de validation utilisés dans ASP.NET MVC.
- seuls les feux sur la submit si une partie quelconque de la forme n'est pas valide. submitHandler seulement les feux sur la submit si le formulaire est valide. highlight/unhighlight le feu sur un champ par champ, comme chacun devient invalide valide. Le .valid() méthode peut être appelée par programme pour les essais sur un seul champ ou de la totalité du formulaire. C'est tout. Je ne sais vraiment pas quoi d'autre à vous dire.
- il y a autre chose je me rends compte maintenant. Le mondial de l'événement se déclenche uniquement pour les éléments visibles! Ce qui signifie que tous les champs dans les autres onglets ne sont pas validés, et le vrai problème est que j'ai quelques domaines que je cache volontairement et ceux qui n'ont pas à être validé... je suis en train de penser comment puis-je: 1) désactiver la validation de sauter pour les champs invisibles 2) à moins qu'ils disabled.
- ignore: [] permettra de validation sur des champs cachés.
- stackoverflow.com/a/8565769/594235
- Veuillez inclure dans votre réponse pour référence ultérieure. Je vais utiliser ignore: ':disabled'. J'espère que ça va marcher.
- J'ai pensé que vous avez pas vous voulez ignorer les champs cachés? Si vous dites qu'il ignorer :disabled, alors il va ignorer les personnes handicapées les champs. Si vous dites qu'il ignore rien, [], puis il ignore rien et valider le tout.
- Je le veux pour valider :hidden de champs, mais pas :disabled ceux.
- Ok alors. ignore ':disabled' doit probablement travailler.
- href="https://github.com/jzaefferer/jquery-validation/blob/master/src/core.js#L553" >en regardant le code source, disabled les champs sont toujours va être ignoré n'importe quoi... c'est codé en dur à contourner le ignore option entièrement. Donc ignore: ':disabled' est effectivement la même que ignore: []. Voir: jsfiddle.net/amy4sven
- J'ai effectivement changé de ignore: ':disabled' et l'événement n'a pas le feu à tous. Je vais essayer de le remplacer avec un tableau vide.
- Je ne pense pas que :disabled est valide d'un sélecteur. Depuis sauter désactivé champs est déjà intégré dans le plugin, ignore: [] est la meilleure façon d'aller.
- J'ai trouvé un drôle de problème dans le programme de validation, voir ce pull request. Comme une solution de contournement que j'ai utilisé ignore: "input[type='hidden'],fieldset[disabled] *".
- J'ai trouvé le problème dans jQ validation et ajouté un pull request qui a été commise et sera sur la prochaine version.
InformationsquelleAutor Sparky

Vous devez vous connecter pour publier un commentaire.