HTML — Validation des formulaires

Un champ oublié, une adresse e-mail mal formée, un nombre hors limites : HTML peut signaler ces erreurs avant l’envoi. Ces vérifications facilitent la saisie ; le serveur doit toujours contrôler les données reçues.

Le navigateur sait repérer des erreurs courantes avant d’envoyer un formulaire : un champ obligatoire resté vide, une adresse e-mail au mauvais format ou un nombre qui dépasse les limites min et max. L’objectif est d’aider la personne à corriger sa saisie. Cela ne prouve ni son identité, ni ses droits, ni que les données peuvent être enregistrées sans risque.

Choisir des règles adaptées aux données demandées

required rend la saisie obligatoire. minlength et maxlength fixent la longueur du texte ; min, max et step encadrent les nombres et les dates. pattern permet d’imposer un format, mais accompagnez-le d’un exemple visible et compréhensible. Les types email et url vérifient déjà le format attendu : inutile d’ajouter une expression régulière fragile, sauf si une règle supplémentaire le justifie.

<form>
  <label for="email">Adresse e-mail</label>
  <input id="email" name="email" type="email" autocomplete="email" required>

  <label for="password">Mot de passe</label>
  <p id="password-hint">Utilisez au moins 12 caractères.</p>
  <input id="password" name="password" type="password" autocomplete="new-password" minlength="12" required aria-describedby="password-hint">

  <label for="seats">Nombre de participants</label>
  <input id="seats" name="seats" type="number" min="1" max="8" value="1" required>

  <button type="submit">Demander une place</button>
</form>