onneplatná událost
Příklad
Upozornit nějaký text, pokud je vstupní pole neplatné:
<input type="text" oninvalid="alert('You must fill out the form!');" required>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Událost oninvalid nastane, když je předávací prvek <input> neplatný.
Například vstupní pole je neplatné, pokud je nastaven požadovaný atribut a pole je prázdné (povinný atribut určuje, že vstupní pole musí být vyplněno před odesláním formuláře).
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která událost plně podporuje.
| Event | |||||
|---|---|---|---|---|---|
| oninvalid | Yes | 10.0 | Yes | Yes | Yes |
Syntax
V HTML:
<element oninvalid="myScript">
V JavaScriptu:
object.oninvalid = function(){myScript};
V JavaScriptu pomocí metody addEventListener():
object.addEventListener("invalid", myScript);
Poznámka: Metoda addEventListener() není podporována v aplikaci Internet Explorer 8 a starších verzích.
Technické údaje
| bubliny: | Ne |
|---|---|
| Zrušitelné: | Ano |
| Typ události: | událost |
| Podporované HTML tagy: | <vstup> |
| Verze DOM: | Události úrovně 3 |
Další příklady
Příklad
Upozornit nějaký text, pokud vstupní pole obsahuje méně než 6 znaků:
Name: <input type="text" id="myInput" name="fname" pattern=".{6,}"
required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("Must contain 6 or more characters");
}
</script>
Příklad
Upozorněte nějaký text, pokud vstupní pole obsahuje číslo menší než 2 nebo větší než 5:
Number: <input type="number" id="myInput" name="quantity" min="2" max="5"
required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("You must pick a number between 2 and 5. You chose: " + this.value);
}
</script>
Související stránky
JavaScript výukový program: JavaScript formuláře