HTML fournit une validation intégrée via des attributs, de sorte que le navigateur bloque les soumissions invalides et affiche des messages — aucun JavaScript requis.
html
Submit
HTML fournit une validation intégrée via des attributs, de sorte que le navigateur bloque les soumissions invalides et affiche des messages — aucun JavaScript requis.
Submit
Les attributs de validation : required, min/max, minlength/maxlength, pattern (regex), et le type lui-même (email, url, number). À la soumission, le navigateur les vérifie, arrête la soumission si l'une échoue, et affiche une bulle native sur le premier champ invalide.
input:invalid { border-color: red; }
input:valid { border-color: green; }
input:user-invalid { border-color: red; } /* only after the user has interacted — nicer UX */
Vous pouvez lire et personnaliser la validation en JavaScript :
const input = document.querySelector("input");
input.validity.valueMissing; // true if required and empty
input.validity.typeMismatch; // true if email/url format is wrong
input.checkValidity(); // returns boolean, fires invalid event
input.setCustomValidity("Passwords don't match"); // custom error message
setCustomValidity vous permet d'ajouter des règles que les attributs ne peuvent pas exprimer (par exemple « confirm password matches »).
<form novalidate>...</form> <!-- skip native validation (handle in JS) -->
Validez toujours aussi sur le serveur — la validation côté client est pour l'UX ; les utilisateurs peuvent la contourner.
La validation native vous offre gratuitement des messages d'erreur accessibles et localisés, et des retours instantanés.
Combinez les attributs déclaratifs avec l'API Constraint Validation pour des règles personnalisées — mais ne lui faites jamais confiance comme votre seule ligne de défense ; le serveur doit également valider.
Une bibliothèque de questions d'entretien IT avec des réponses détaillées — du Junior au Senior.
Faire un don