Ich verwende das jQuery-Validierungs-Plugin ( Ссылка ). Das zu validierende Formular enthält benutzerdefinierte Hintergrundbilder für die Texteingabefelder. Anstatt eine Fehlermeldung für ungültige Felder anzuzeigen, möchte ich das Hintergrundbild ändern. Etwas komplizierter ist es, wenn das Hintergrundbild für die Felder auf einem anderen div absolut hinter dem Textfeld (mit transparentem Hintergrund und ohne Rahmen) positioniert ist. Ich werde auf die Gründe für diese Design-Entscheidung hier nicht eingehen (es bezieht sich auf die Ränder innerhalb des Textfelds), aber ich dachte, dass es erwähnt werden sollte, da es für diese Frage kritisch ist.
Daher habe ich zwei Fragen:
Wie kann ich die Anzeige der Fehlermeldungen vollständig stoppen?
Wie kann ich stattdessen das Validierungs-Plugin angeben, wenn zum Beispiel das Namensfeld (zB <input id=name ... /> ) ungültig ist, dann sollte es den Hintergrund für das relevante div ändern (zB <div id=name-bg... ></div> )?
Danke für jede Hilfe!
Wie kann ich die Anzeige der. stoppen? Fehlermeldungen alle zusammen?
Sie können dies erreichen, indem Sie die Option showErrors des Validierungs-Plugins verwenden:
Das Argument errorList ist eine Liste von Objekten, die jeweils eine element -Eigenschaft enthalten, bei der es sich um das DOM-Element mit dem Fehler handelt.
Wie kann ich stattdessen die Validierung angeben? Plugin, wenn zum Beispiel das Namensfeld ist ungültig dann sollte es ändern Hintergrund für das relevante div?
Mit der oben angegebenen showErrors -Option und dem errorList -Argument erreichen Sie folgendes:
Hier ist ein Proof-of-Concept: Ссылка
Hoffe das hilft!
Tags und Links jquery jquery-validate