evento oninvalid

oggetto evento

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

L'evento si verifica quando un oninvalid submittable <input> elemento non è valido.

Ad esempio, il campo di inserimento è valida se il required attributo è impostato e il campo è vuoto (la required attributo specifica che il campo di ingresso deve essere compilato prima di inviare il modulo).

Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'evento.

Sintassi

In HTML:

< Prova tu stesso "

In JavaScript:

object .oninvalid=function(){ Prova tu stesso "

In JavaScript, utilizzando il addEventListener() Metodo:

object .addEventListener("invalid", myScript );

Prova tu stesso "

Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.

---

Dettagli tecnici

bolle:	No
cancelable:	sì
Tipo di evento:	Evento
tag HTML supportati:	<Input>
DOM Versione:	Livello 3 Eventi

Altri esempi

Esempio

Avvertire un testo se un campo di input contiene meno di 6 caratteri:

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>

Prova tu stesso "

Esempio

Avvisare del testo se un campo di input contiene un numero che è inferiore a 2 o superiore a 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>

Prova tu stesso "

---

Pagine correlate

JavaScript Tutorial: Forms JavaScript

---

<Oggetto evento