Salle 10 Aile B · Saisie et formulaires

Le validateur pressé

Une erreur rouge dès la première lettre tapée.

0 salle visitée sur 37

Le piège

Version ratée

À vous : Commencez à taper votre adresse email.

Réparé

Version corrigée

Format : nom@exemple.fr

Vitrine fermée

Subissez d’abord le piège : elle s’ouvre toute seule.

Voir le code, avant et après

Version ratée

email.addEventListener('input', () => {
  erreur.textContent = estValide(email.value)
    ? '' : '✗ Adresse email invalide';
  envoyer.disabled = !estValide(email.value);
});

Version corrigée

email.addEventListener('blur', verifier);
email.addEventListener('input', () => {
  // On ne corrige en direct qu'une erreur déjà signalée
  if (email.getAttribute('aria-invalid') === 'true') verifier();
});