Ein Ereignis auslösen, wenn Validierungsfehler vorliegen?

Question

Ich muss ein Handle zu jedem Umstand hinzufügen, wo eine Formularvalidierung fehlschlägt.

ich this gelesen habe, das erklärt, dass ich einen Handler hinzufügen müssen, wie folgt:

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

Aber dieses Ereignis nur ausgelöst, wenn ich versuche, das Formular abzuschicken.

Ich muss ein Ereignis behandeln, das jedes Mal abgefeuert wird, wenn das Formular nachvalidiert wird (d. H. Element verliert den Fokus usw.).

Was ich versuche zu erreichen ist, habe ich eine große Form (~ 50 Felder), und es ist in Bootstrap tabs aufgeteilt.
Ich möchte, dass, wenn es neue Validierung Fehler oder Erfolg gibt, setzen oder löschen Sie eine Fehlerklasse in der Registerkarte Titel der Registerkarte, die ungültige/gültige Elemente enthält. P.S. Meine Frage ist nicht, wie diese Klassen in den Tabs gesetzt werden. Ich möchte nur wissen, welche Ereignisse behandelt werden müssen, um bei jeder Validierungszustandsänderung im gesamten Formular benachrichtigt zu werden.

Answer 1

Ich muss einen Handler zu jedem Umstand hinzufügen, bei dem die Formularvalidierung fehlschlägt.

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

---

Ich möchte, dass, wenn ein Fehler bei der Überprüfung ist, stellen Sie eine Fehlerklasse auf der Registerkarte Titel, der die ungültigen Elemente enthält.

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

Verwenden Sie die highlight und unhighlight Optionen zusammen mit jQuery DOM-Traversal und ungesetzt jeder Klasse im DOM setzen Sie es wünschen. highlight wird ausgelöst, wenn etwas ungültig ist und unhighlight ausgelöst wird, wenn es gültig wird. Ein Beispiel ist this answer.

Verwenden Sie the .setDefaults() method, um diese Optionen festzulegen, da Sie das unobtrusive-validation-Plugin verwenden und keinen direkten Zugriff auf die .validate()-Methode haben.