Regex - Valider une adresse email en JavaScript

La meilleur façon pour valider une adresse email est l'utilisation d'une expression régulière. Pour cela, la méthode ci-dessous à l'aide d'un filtre vérifie le format de l'adresse e-mail dans le formulaire et renvoie true si elle est valide.

function validerEmail(email) {
    var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
}
Exemple:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
  <p>Entrer une adresse e-mail:</p>
  <input id='email'>
  <input type='button' id='valider' value='Valider' />
</form>
<script>
function validerEmail(email) {
  var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  return re.test(email);
}

function valider() {
  $("#resultat").text("");
  var email = $("#email").val();
  if (validerEmail(email)) {
    $("#resultat").text(email + " est valide.");
    $("#resultat").css("color", "green");
  } else {
    $("#resultat").text(email + " n'est pas valide.");
    $("#resultat").css("color", "red");
  }
}

$("#valider").bind("click", valider);
</script>




Partager cet article

Voir aussi: