Ein Ereignis auslösen, wenn Fehler bei der Validierung?

Ich hinzufügen müssen, um ein handle auf alle Umstände, wo eine Validierung fehlschlägt.

Habe ich gelesen diese, das erklärt, dass ich, um einen Ereignishandler hinzuzufügen, wie folgt:

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

Aber dieses Ereignis wird nur ausgelöst, wenn ich versuche, das Formular zu senden.

Brauche ich, um ein Ereignis zu behandeln, die ausgelöst wird, jederzeit die form ist ein post-validiert (d.h. ein element verliert den Fokus, etc.).

Was ich versuche zu erreichen ist, ich habe eine große form (~50 Felder), und es ist gesplittet in Bootstrap tabs.

Ich will, dass, wenn es eine neue Validierung scheitern oder Erfolg, setzen oder löschen Sie eine error-Klasse in der Registerkarte Titel der Registerkarte, die enthält die ungültige/gültige Elemente. P. S. meine Frage ist nicht, wie man diese Klassen in den Registerkarten. Ich will nur wissen, welche Veranstaltung(en) zu behandeln, um benachrichtigt zu werden, bei jeder Validierung Zustand zu ändern, in der gesamten form.

  • Es gibt keine solche Veranstaltung zur Verfügung gestellt von jQuery oder das Validate plugin. Haben Sie zum anfügen einer focusout, blur, keyup usw zu jedem input-element, und verwenden Sie die .valid() Methode, um das Formular zu testen.
  • gibt es ein Ereignis, wie onvalidated zur Verfügung gestellt von der unaufdringlichen validation plugin?
  • Ich bin nicht sehr vertraut mit der unobtrusive plugin überhaupt. Aber in all den tausenden von jQuery Validate Fragen, die ich gesehen habe, habe ich noch nie gesehen beliebige benutzerdefinierte Ereignisse beschrieben.
  • Was genau wollen Sie tun? Warum kannst du nicht nur eines der built-in-Optionen?
  • mit unaufdringlich-Validierung, die Sie nicht nennen validate überhaupt. Er setzt alles für Sie. Jedenfalls habe ich aktualisiert meine Frage mit dem Zweck, meine Anforderung.
  • Ja, das verstehe ich. Allerdings können Sie mit setDefaults() zu bekommen, um die Unfähigkeit zu rufen .validate().

InformationsquelleAutor Shimmy | 2015-04-25
  1. 5

    Brauche ich, um einen Ereignishandler hinzuzufügen, zu jeder Zeit, wo form-Validierung schlägt fehl.

    $('input, textarea, select').on('focusout keyup', function() {
   if ($('form').valid()) {
       //do something
   }
});

    Möchte ich, dass, wenn es irgendwelche Fehler bei der überprüfung an, stellen Sie eine Fehler-Klasse in der Registerkarte Titel, enthält die ungültige Elemente.

    Gut, das ist ein bisschen anders als das, was Sie ursprünglich gefragt haben. (Ignorieren die erste Hälfte meiner Antwort.)

    Verwenden Sie die highlight und unhighlight Optionen zusammen mit jQuery-DOM-traversal-set und unset jede Klasse im DOM, die Sie wünschen. highlight feuert, wenn etwas ist ungültig und unhighlight feuert, wenn es gültig wird. Sehen diese Antwort als Beispiel.

    Verwenden die .setDefaults() Methode Sie diese Optionen, da Sie mit der unobtrusive-validation plugin und haben keinen direkten Zugriff auf die .validate() Methode.

    • Ich denke, die highlight und unhighlight ist in der Tat das, was ich Suche. Jedenfalls Kann ich rufen Sie die original - highlight Funktion die highlight-Funktion bin ich bei der Einrichtung? Hier'wieder die ursprüngliche Funktion, muss ich kopieren und einfügen es in meinem override-script oder es besteht irgendwo?
    • was auch immer Sie in es gesetzt, wird over-ride die Standardeinstellung.
    • In anderen Worten, Sie müssen kopieren Sie die Standard-Funktion in Ihnen, wenn Sie wollen, behalten Sie die Standard-Verhalten. Dann wird darauf aufgebaut, um Ihr neues Verhalten.
    • Das problem ist, dass ich brauche, um die tabs " Titel nur nach der Validierung abgeschlossen hat, die für alle Elemente. Andernfalls wird der gültige Zustand seiner letzten element Validierung Zustand. Also nochmal, ich finde mich wieder mit der ursprünglichen Frage. Ich glaube, ich ' ll haben, um zu wissen, wie und Wann der unauffällige überprüfung ausgelöst wird.
    • wieder, überprüfen Sie die Optionen. Die invalidHandler feuert auf eine ungültige form.
    • Ich landete mit der invalid-form.validate event, die unaufdringlich validation-Ereignis, das ausgelöst wird, aus der unter der Haube jquery invalidHandler. Leider habe ich etwas verpasst in der Funktion, die es nicht zu funktionieren. Sollte ich nicht diese Frage gestellt und verschwendet Ihre Zeit. Jedenfalls, deine Antwort hat mich gelehrt, eine Menge, wie die jquery-Validierung funktioniert.
    • trotzdem meine Frage ist noch nicht beantwortet. Das event hört erst beim Absenden, und funktioniert überhaupt nicht für die client-Validierung. Verwenden Sie die Vorschläge in Ihrer Antwort wird wieder ein Ereignis auslösen, für jeden Bereich - ich habe, um eine Zusammenfassung aller ungültigen Feldern, und alle Felder, die nur wirksam wurde (klar Ihr Fehler-Zustand).
    • BTW, hier's den source-code von unobtrusive validation verwendet ASP.NET MVC.
    • nur feuert auf die submit wenn jeder Teil der form ungültig ist. submitHandler nur feuert auf die submit wenn das ganze Formular gültig ist. highlight/unhighlight Feuer auf einer Feld-für-Feld-basis wie jede ungültig/gültig. Die .valid() Methode kann aufgerufen werden, programmgesteuert zu testen, einen einzelnen Bereich oder das gesamte Formular. Das ist es. Ich weiß wirklich nicht, was anderes zu sagen.
    • es ist etwas anderes, das ich jetzt erkenne. Das Globale Ereignis wird nur ausgelöst, für die sichtbaren Elemente! Was bedeutet, dass alle Felder, die in anderen tabs sind nicht validiert, und das eigentliche Problem ist, dass ich einige Bereiche, die ich absichtlich verstecken und diejenigen, die nicht validiert werden... ich ' m denken, wie kann ich: 1) deaktivieren Sie die Validierung überspringen für unsichtbare Felder 2), es sei denn, Sie disabled.
    • ignore: [] ermöglichen Validierung für ausgeblendete Felder.
    • stackoverflow.com/a/8565769/594235
    • Bitte geben Sie Ihre Antwort für weitere Informationen. Ich bin gonna verwenden ignore: ':disabled'. Ich hoffe, es ist gonna Arbeit.
    • Ich dachte, du wolltest nicht ignorieren wollen, hidden-Felder? Wenn Sie sagen, es zu ignorieren :disabled, dann es geht zu ignorieren, die Felder deaktiviert. Wenn Sie sagen, es zu ignorieren, nichts, [], dann wird es ignorieren nichts und überprüfen alles.
    • Ich möchte es zu überprüfen :hidden Felder, aber nicht :disabled lieben.
    • Ok dann. ignore ':disabled' dürfte.
    • href="https://github.com/jzaefferer/jquery-validation/blob/master/src/core.js#L553" >Blick in den Quelltext, disabled Felder werden immer ignoriert, egal was... es ist hart codiert, um die bypass - ignore option vollständig. So ignore: ':disabled' ist genauso effektiv wie die ignore: []. Siehe: jsfiddle.net/amy4sven
    • Ich habe tatsächlich geändert ignore: ':disabled' und das Ereignis nicht Feuer überhaupt. Ich werde versuchen, anstelle mit einem leeren array.
    • Ich glaube nicht, dass :disabled ist ein Gültiger Selektor. Seit skipping deaktiviert Feldern ist bereits in der plugin ignore: [] ist der beste Weg zu gehen.
    • Ich habe ein komisches Problem, der validator finden Sie in diesem pull-request. Als workaround habe ich verwendet ignore: "input[type='hidden'],fieldset[disabled] *".
    • Ich habe das Problem in jQ Validierung und fügte hinzu, ein pull-request, die begangen wurde und wird bis auf die nächste version.

    InformationsquelleAutor Sparky
Schreibe einen Kommentar