HTMLButtonElement : propriété validity

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La propriété en lecture seule validity de l'interface HTMLButtonElement retourne un objet ValidityState qui représente les états de validité de cet élément.

Dans cet article

L'exemple suivant montre qu'un <button> est dans un état invalide lorsque customError est définie ; dans cet état, la propriété valid de validityState vaut false, tandis que checkValidity() retourne true si le type du bouton n'est pas "submit", car ces boutons ne sont pas candidats à la validation de contrainte.

js
const button = document.getElementById("myButton");
button.setCustomValidity("Ce bouton est invalide.");
const validityState = button.validity;
console.log(validityState.valid); // false
console.log(validityState.customError); // true
console.log(button.checkValidity()); // false si le bouton est de type "submit", true sinon

La méthode HTMLButtonElement.checkValidity()
L'élément HTML <button>
L'élément HTML <form>
Apprendre : Validation de formulaire côté client
Guide : Validation de contraintes

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 1 déc. 2025 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API HTML DOM
HTMLButtonElement
Propriétés d'instance
Méthodes d'instance
Héritage
Pages liées à HTML DOM
Guides
1. Utiliser les microtâches en JavaScript avec queueMicrotask()
2. Aller plus loin : Les microtâches et l'environnement d'exécution JavaScript

HTMLButtonElement : propriété validity

Dans cet article

Valeur

Exemples

Spécifications

Compatibilité des navigateurs

Voir aussi

Aider à améliorer MDN