HTMLTextAreaElement: setCustomValidity() Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die setCustomValidity() Methode des HTMLTextAreaElement Schnittstelle setzt die benutzerdefinierte Fehlermeldung für das <textarea> Element. Verwenden Sie den leeren String, um anzuzeigen, dass das Element keinen benutzerdefinierten Validierungsfehler hat.
Syntax
setCustomValidity(string)
Parameter
string-
Der String, der die Fehlermeldung enthält. Der leere String entfernt alle benutzerdefinierten Validierungsfehler.
Rückgabewert
Keiner (undefined).
Beispiele
In diesem Beispiel, wenn das <textarea> die Eingabevalidierung nicht besteht, geben wir benutzerdefinierte Fehlermeldungen basierend auf dem fehlerhaften Einschränkungsbedingung aus. Wenn der Wert gültig ist, setzen wir den benutzerdefinierten Fehler auf einen leeren String:
const comment = document.getElementById("comment");
if (comment.validity.valueMissing) {
comment.setCustomValidity("We can't submit a blank comment!");
} else if (comment.validity.tooShort) {
comment.setCustomValidity("Tell us more! Your comment is too short.");
} else if (comment.validity.tooLong) {
comment.setCustomValidity(
"Loquacious much? Keep it to under 800 characters!",
);
} else {
comment.setCustomValidity("");
}
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-cva-setcustomvalidity-dev |