Ich versuche, alle Fehlermeldungen sowie die Fehlerhervorhebung zu löschen, wenn der Benutzer auf die Schaltfläche clear form klickt, darunter sind die tatsächlichen Anforderungen
hier ist mein Code
%Vor%Für mich funktionieren die ersten beiden Dinge, aber wenn ich versuche, die vollständige Form zu klären, kann ich das nicht tun. So versuche ich es zu klären
%Vor% Aber nichts passiert, obwohl mit $("#register_form")[0].reset(); Formularfelder gelöscht werden, Fehlermeldungen jedoch nicht gelöscht werden.
Zitat OP:
1) Validiere das Formular mit der Jquery-Validierung
Sie können die validator.resetForm(); -Methode nicht in die .validate() -Methode einfügen.
.validate() ist eine Plugin-Methode, bei der nur eine kommagetrennte Karte der erlaubten Optionen, {option:value, option:value, etc.} , nach die .validate() Methodendokumentation .
resetForm() Methodendokumentation
.validate() method DEMO: Ссылка
Zitat OP:
2) Wenn der Benutzer auf ein Feld klickt, sollte die Fehlermeldung gelöscht werden (pro Feld)
Dies ist dank der Option focusCleanup möglich. Wie Sie es bereits getan haben, setzen Sie es auf true und wenn Sie auf das Feld mit einem Fehler klicken, wird der Fehler gelöscht.
focusCleanup DEMO: Ссылка
Zitat OP:
3) Beim Klicken auf den Reset-Knopf sollte jeder Fehler gelöscht werden
Sie würden die resetForm() -Methode innerhalb eines click -Handlers der Reset-Schaltfläche aufrufen. Dies wird sofort alle Fehlermeldungen aus dem gesamten Formular entfernen und das Validierungs-Plugin auf seinen ursprünglichen Zustand zurücksetzen.
Stellen Sie sicher, dass die Reset-Schaltfläche type="button" oder type="reset" ist oder die Validierung auslöst.
Fehler löschen DEMO: Ссылка
Löschen der Felddaten
Sie können die Werte der Felder löschen, indem Sie ein JavaScript .reset() wie folgt aufrufen.
Voll funktionsfähige DEMO: Ссылка
$("#register_form")[0].reset(); , Formularfelder werden gelöscht, Fehlermeldungen werden jedoch nicht gelöscht.
Um dies zu tun, können Sie eine weitere Zeile darunter setzen:
%Vor%Obwohl Sie dies tun sollten:
%Vor% Sie sollten Ihre validator.resetForm(); in das Click-Ereignis der Reset-Schaltfläche einfügen.
Tags und Links javascript jquery jquery-validate