oninvalid Ereignis

Ereignisobjekt

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.

Definition und Verwendung

Das oninvalid Ereignis tritt auf, wenn ein submittable <input> Element ungültig ist.

Zum Beispiel ist das Eingabefeld ungültig , wenn die required Attribut gesetzt ist , und das Feld leer ist (die required Attribut gibt an, dass das Eingabefeld vor dem Absenden das Formular ausgefüllt werden müssen).

Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Ereignis vollständig unterstützt.

Syntax

In HTML:

< Versuch es selber "

In JavaScript:

object .oninvalid=function(){ Versuch es selber "

In JavaScript mit den addEventListener() Methode:

object .addEventListener("invalid", myScript );

Versuch es selber "

Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.

---

Technische Details

Blasen:	Nein
Es fällt eine Pauschale:	Ja
Event-Typ:	Event
Unterstützte HTML-Tags:	<Input>
DOM Version:	Level 3 Veranstaltungen

Mehr Beispiele

Beispiel

Alarmieren Sie etwas Text, wenn ein Eingabefeld enthält weniger als 6 Zeichen:

Name: <input type="text" id="myInput" name="fname" pattern=".{6,}">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("Must contain 6 or more characters");
}
</script>

Versuch es selber "

Beispiel

Alarmieren etwas Text, wenn ein Eingabefeld eine Zahl enthält, die weniger als 2 oder größer als 5 ist:

Number: <input type="number" id="myInput" name="quantity" min="2" max="5">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("You must pick a number between 2 and 5. You chose: " + this.value);
}
</script>

Versuch es selber "

---

Verwandte Seiten

JavaScript Tutorial: JavaScript Forms

---

<Ereignisobjekt