événement invalide
Exemple
Alerte du texte si un champ de saisie n'est pas valide :
<input type="text" oninvalid="alert('You must fill out the form!');" required>
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement oninvalid se produit lorsqu'un élément <input> submittable n'est pas valide.
Par exemple, le champ de saisie est invalide si l'attribut required est défini et que le champ est vide (l'attribut required spécifie que le champ de saisie doit être rempli avant de soumettre le formulaire).
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'événement.
Event | |||||
---|---|---|---|---|---|
oninvalid | Yes | 10.0 | Yes | Yes | Yes |
Syntaxe
En HTML :
<element oninvalid="myScript">
En Javascript :
object.oninvalid = function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
object.addEventListener("invalid", myScript);
Remarque : La méthode addEventListener() n'est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
Bulles: | Non |
---|---|
Annulable : | Oui |
Type d'événement: | Événement |
Balises HTML compatibles : | <entrée> |
Version DOM : | Événements de niveau 3 |
Plus d'exemples
Exemple
Alerte du texte si un champ de saisie contient moins de 6 caractères :
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>
Exemple
Alerte du texte si un champ de saisie contient un nombre inférieur à 2 ou supérieur à 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>
Pages connexes
Tutoriel JavaScript : Formulaires JavaScript