oninvalid Event

Przykład

Ostrzegać jakiś tekst, jeśli pole wejściowe jest nieprawidłowy:

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

Oninvalid zdarzenie ma miejsce, gdy submittable <input> elementem jest nieprawidłowy.

Na przykład, pole wejściowe jest nieważny, jeżeli required atrybut jest ustawiony, a pole jest puste ( required atrybut określa, że pole wejściowe muszą zostać wypełnione przed wysłaniem formularza).

Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.

Zdarzenie
oninvalid	tak	10,0	tak	Nieobsługiwany	tak

Składnia

W HTML:

< Spróbuj sam "

W JavaScript:

object .oninvalid=function(){ Spróbuj sam "

W JavaScript, używając addEventListener() metodę:

object .addEventListener("invalid", myScript );

Spróbuj sam "

Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.

Szczegóły techniczne

bubbles:	Nie
opłata:	tak
Typ wydarzenia:	Zdarzenie
Obsługiwane znaczniki HTML:	<Input>
DOM wersja:	Level 3 Events

Więcej przykładów

Przykład

Ostrzegać jakiś tekst, jeśli pole wejściowe zawiera mniej niż 6 znaków:

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>

Spróbuj sam "

Przykład

Ostrzegać jakiś tekst, jeśli pole wejściowe zawiera liczbę, która jest mniejsza niż 2 lub większy niż 5:

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>

Spróbuj sam "