Python Tutorial

Validation de formulaire JavaScript


Méthodes DOM de validation de contraintes

Propriété Description
checkValidity() Renvoie vrai si un élément d’entrée contient des données valides.
setCustomValidity() Définit la propriété validationMessage d’un élément d’entrée.

Si un champ de saisie contient des données invalides, affichez un message :

La méthode checkValidity()


D’ACCORD

Essayez-le vous-même »


Propriétés DOM de validation de contraintes

Propriété Description
validité Contient des propriétés booléennes liées à la validité d’un élément d’entrée.
validationMessage Contient le message qu’un navigateur affichera lorsque la validité est fausse.
validera Indique si un élément d’entrée sera validé.


Propriétés de validité

Le propriété de validité d’un élément d’entrée contient un certain nombre de propriétés liées à la validité des données :

Propriété Description
erreur personnalisée Défini sur vrai, si un message de validité personnalisé est défini.
motifNon-concordance Défini sur true, si la valeur d’un élément ne correspond pas à son attribut pattern.
rangeOverflow Défini sur true, si la valeur d’un élément est supérieure à son attribut max.
gammeUnderflow Défini sur true, si la valeur d’un élément est inférieure à son attribut min.
stepMismatch Défini sur true, si la valeur d’un élément n’est pas valide selon son attribut step.
trop long Défini sur true, si la valeur d’un élément dépasse son attribut maxLength.
incompatibilité de type Défini sur true, si la valeur d’un élément n’est pas valide selon son attribut type.
valeurManquante Défini sur true, si un élément (avec un attribut requis) n’a pas de valeur.
valide Défini sur true, si la valeur d’un élément est valide.

Exemples

Si le nombre dans un champ de saisie est supérieur à 100 (le max
attribut), afficher un message :

La propriété rangeOverflow


D’ACCORD

Essayez-le vous-même »

Si le nombre dans un champ de saisie est inférieur à 100 (le min attribut), afficher un message :

La propriété rangeUnderflow

D’ACCORD

Essayez-le vous-même »

#Validation #formulaire #JavaScript

Related Articles

Back to top button