événement oninvalid

Objet de l' événement

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

L'événement oninvalid se produit lorsqu'un submittable <input> élément est invalide.

Par exemple, le champ de saisie est invalide si le required attribut est défini et le champ est vide (le required attribut indique que le champ d'entrée doit être rempli avant de soumettre le formulaire).

Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.

Syntaxe

En HTML:

< Essayez vous - même »

JavaScript:

object .oninvalid=function(){ Essayez vous - même »

En JavaScript, en utilisant la addEventListener() méthode:

object .addEventListener("invalid", myScript );

Essayez vous - même »

Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.

---

Détails techniques

Bulles:	Non
cancelable:	Oui
Type d'événement:	un événement
Pris en charge les balises HTML:	<Input>
DOM Version:	Niveau 3 Évènements

autres exemples

Exemple

Alerter un texte si un champ de saisie contient moins de 6 caractères:

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>

Essayez vous - même »

Exemple

Alerter un certain texte si un champ d'entrée contient un nombre qui est inférieur à 2 ou supérieur à 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>

Essayez vous - même »

---

Pages associées

JavaScript Tutoriel: Forms JavaScript

---

<Object Event