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.

In diesem Artikel

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:

js
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("");
}

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
HTMLTextAreaElement
Instanzeigenschaften
Instanzmethoden
Events
1. select
2. selectionchange
Vererbung
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung