Eveniment oninvalid

obiect Eveniment

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

Evenimentul oninvalid apare atunci când un submittable <input> element este nevalid.

De exemplu, câmpul de intrare este invalid , dacă este required atributul este setat , iar câmpul este gol ( required atribut specifică faptul că câmpul de intrare trebuie să fie completate înainte de depunerea formularului).

Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin evenimentul.

Sintaxă

In HTML:

< Încearcă - l singur »

În JavaScript:

object .oninvalid=function(){ Încearcă - l singur »

În JavaScript, folosind addEventListener() metoda:

object .addEventListener("invalid", myScript );

Încearcă - l singur »

Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.

---

Detalii tehnice

Bule:	Nu
anulabil:	da
Tip de eveniment:	Eveniment
Tag-uri HTML acceptate:	<Input>
DOM Versiune:	Nivelul 3 Evenimente

Mai multe exemple

Exemplu

Alerta un text în cazul în care un câmp de intrare conține mai puțin de 6 caractere:

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>

Încearcă - l singur »

Exemplu

Alerta un text în cazul în care un câmp de intrare conține un număr care este mai mică de 2 sau mai mare de 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>

Încearcă - l singur »

---

Pagini similare

JavaScript Tutorial: Formulare JavaScript

---

<Eveniment obiect