Easy-Micro

LANGAGE Script JavaScript
Vérifier un Mail

Vérifier la validité d'un mail avec JavaScript

Formation Javascript par Easy-Micro Petit exemple concret
Cliquez directement sur "Envoyer" pour tester :

Saisissez votre Courriel :

Fichier HTML :
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Expressions régulières en Javascript</title>
</head>
<body>
   Saisissez votre Courriel :
   <input type="text" id="mail" value="riri@free">
   <button onclick="verifLesInfos();">Envoyer</button>

   <script src="js/calcul_javascript.js"></script>
</body>
</html>

Fichier js/calcul_javascript.js
const verifLesInfos = function() {
    let lemail = document.getElementById("mail").value;
    let reg_mail = /^[a-z\d_\-]+(\.[\a-z\d\-]+)*@[a-z\d\-]+(\.[a-z\d]+)+$/;
    if (!reg_mail.exec(lemail)) {
        alert("ceci n'est pas une adresse valide");
    }
}

Expressions régulières
  • ^ et $ pour début et fin de ligne
  • [a-z] : n'importe quelle lettre
  • \d : n'importe quel chiffre
  • x* : X apparaît un nombre quelconque de fois
  • \. : présence d'un point