Validation d'e-mail HTML5

Question

Il est dit "Avec HTML5, nous n'avons plus besoin de js ou de code côté serveur pour vérifier si l'entrée de l'utilisateur est une adresse e-mail ou URL valide"

Comment puis-je valider l'e-mail après que l'utilisateur ait saisi? et sans JS comment afficher un message si l'utilisateur entre une forme erronée de son adresse e-mail.

Answer 1

En HTML5, vous pouvez faire comme ceci :

Et lorsque l'utilisateur appuie sur soumettre, cela affiche automatiquement un message d'erreur comme ceci :

Answer 2

La page input type=email du site www.w3.org note qu'une adresse e-mail est une chaîne qui correspond à l'expression régulière suivante :

/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/

Utilisez l'attribut required et un attribut pattern pour exiger que la valeur corresponde au modèle regex.

Answer 3

Utiliser [a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,} pour somemail@email.com / somemail@email.com.vn

Answer 4

document.getElementById("email").validity.valid

semble être vrai lorsque le champ est soit vide, soit valide. Cela a aussi d'autres indicateurs intéressants:

Testé dans Chrome.

Answer 5

Un peu en retard pour la fête, mais cette expression régulière m'a aidé à valider le type d'e-mail dans le côté client. Cependant, nous devrions toujours faire la vérification dans le côté serveur également.

Vous pouvez trouver plus d'expressions régulières de tous types ici.