Comment vérifier le format d'une adresse mail en JavaScript ?
Dans un formulaire HTML, comment faire pour vérifier une adresse mail, c'est à dire vérifier son format ?
Vous pouvez vérifier une adresse mail en JavaScript avec les expressions régulières.
var regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
Il vous faut identifier l'INPUT où l'adresse mail a été saisie, pour cela vous pouvez attribuer un ID à l'INPUT :
<input type="text" id="test" value="toto@collaborativejob.com">
Ensuite il vous suffit d'utiliser la fonction JavaScript match pour vérifier que l'adresse mail respecte l'expression régulière.
Voici un exemple pour vérifier le format d'une adresse mail d'un formulaire en JavaScript :
<html>
<head>
<meta charset="utf-8">
</head>
</body>
<input type="text" id="test" value="toto@collaborativejob.com">
<script>
function ValidationMail(mail)
{
var regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if (mail.match(regex))
{
alert("Adresse mail valide");
}
else
{
alert("Adresse mail non valide");
}
}
var mail = document.getElementById("test").value;
ValidationMail(mail);
</script>
</body>
</html>
Remarque : N'oubliez pas qu'un internaute peut désactiver JavaScript, cela lui permet d'outre-passer la vérification de l'adresse mail, il en va de même pour les éventuels robots. Pour ces raisons, vous devez impérativement vérifier le format de l'adresse mail coté serveur, en PHP.