Wie kann ich Validierungsnachrichten in HTML-Formularen anpassen?

Benutzerdefinierte Validierungsnachrichten für HTML-Formulare

Wenn in einem HTML-Formular ein ERFORDERLICHES Feld leer gelassen wird, wird normalerweise eine Standardmeldung mit der Aufschrift „Bitte“ angezeigt Füllen Sie dieses Feld aus. Dies kann angepasst werden, um eine spezifischere und benutzerfreundlichere Fehlermeldung bereitzustellen.

Ändern der Standardfehlermeldung

Um die Standardfehlermeldung zu ändern, verwenden Sie setCustomValidity() Verfahren. Um beispielsweise die Fehlermeldung für ein Eingabefeld mit der ID „Benutzername“ auf „Dieses Feld darf nicht leer gelassen werden“ festzulegen, fügen Sie den folgenden Code hinzu:

<input type="text">

Fehlermeldung ausblenden

Nachdem der Benutzer Daten in das Feld eingegeben hat, sollte die Fehlermeldung ausgeblendet werden. Dies kann erreicht werden, indem die Fehlermeldung mithilfe des oninput-Ereignishandlers auf „“ gesetzt wird:

oninput="this.setCustomValidity('')"

Hinweis: Das Schlüsselwort „this“ ist für Inline-Ereignishandler nicht erforderlich, kann aber sein wird aus Gründen der Konsistenz verwendet.

Beispiel

Der folgende Code demonstriert die Verwendung ofsetCustomValidity(), um eine benutzerdefinierte Fehlermeldung bereitzustellen und diese auszublenden, wenn der Benutzer neue Daten eingibt:

<form>

Das obige ist der detaillierte Inhalt vonWie kann ich Validierungsnachrichten in HTML-Formularen anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!