Vérification d'e-mails par expressions régulières
Contenu du snippet
Grace aux expressions régulières nous allons pouvoir tester en une seule fonction la syntaxe d'une adresse email entrée par l'utilisateur.
En plus je vous met le code de la page HTML pour tester immédiatement la fonction !
boolean is_email(string email)
Paramètre :
email : email dont on veux vérifier la syntaxe.
Valeur de retour :
true si la syntaxe de l'email est correcte, false sinon.
Il s'agit d'une simplication de la RFC 822 => http://jlr31130.free.fr/rfc822.html
Pour ceux qui veulent des vérifications plus poussée je vous invite à lire cette source :
http://www.javascriptfr.com/code.aspx?ID=35656
Une fois que la syntaxe de l'email est validée, n'oubliez pas d'interroger le serveur (parti domaine de l'email) pour lui demander si cet email existe vraiment !
Vous avez sans doute déjà remarqué que j'ai cette fois décomposé la construction de l'expression régulière en deux parties, afin d'en simplifier la compréhension.
Histoire qu'on rigole un peu l'expression régulière utilisée est en réalité :
/^([-!#-'*+/-9=?A-Z^-~\x80-\xFF]+\.)*[-!#-'*+/-9=?A-Z^-~\x80-\xFF]+@([-!#-'*+/-9=?A-Z^-~\x80-\xFF]+\.)+[-!#-'*+/-9=?A-Z^-~\x80-\xFF]+$/
Outch ! Non, ne fuyez pas ;^)
Etape 1 :
var word = "[-!#-'*+/-9=?A-Z^-~\x80-\xFF]+";
[ ] : Les crochets signifient que l'on cherche un des caractères présents entre les crochets.
[-!#'*+] : Ici par exemple la recherche aboutira avec "-", "!", "#", "'", "*" ou "+".
[-!#'*+]+ : Le "+" indique que ce qui précède doit apparaitre une ou plusieurs fois, ainsi la recherche pourra trouver la chaîne "+-+#!" par exemple.
[A-Z]+ : Il est aussi possible de spécifier plusieurs caractères ASCII d'affilé grace au tiret (Sous windows allez dans Démarrer > Programmes > Accessoires > Outils sytème > Table des caractères). Notez que le tiret perd sa signification spéciale s'il placé en premier après le "[" (comme c'est le cas ici).
[\x80-\xFF]+ : Autorise les caractères ASCII de 128 à 255 (soit de 80 à FF en hexadécimal). Il est en effet possible d'utiliser les tables ASCII étendues dans les emails (et donc les accents), même si l'affichage correct de ces caractères chez les contacts n'est pas garantie !
[-!#-'*+/-9=?A-Z^-~\x80-\xFF]+ : Autorise les caractères "-", "!", de "#" à "'", "*", "+", de "/" à "9", "=", "?", de "A" à "Z", de "^" à "~" et les caractères ASCII étendus.
Cela revient à interdire les caractères de contrôle (ASCII de 0 à 31), l'espace et les caractères suivants : ["(),.:;<>@\] (Les [] sont interdits aussi).
Notez bien que les caractères "." et "@" sont interdits !!
"word" represente un mot de la chaîne par exemple avec l'adresse "web.master@javascript.fr.com" les mots sont "web", "master", "javascript", "fr" et "com".
Etape 2 :
Je reprend ma chaîne pattern en remplacant "word" par "W" (pour qu'on puisse la lire plus facilement) :
var pattern = "^(W\.)*W@(W\.)+W$";
^ $ : Indique que la recherche se fait dès le debut et jusqu'a la fin de la chaîne (il ne peut pas y avoir de caractères sautés en début et fin).
\. : Le slash permet d'éviter que le "." soit interprété comme une commande (Le point remplace n'importe quel caractère). Il faut faire la même chose si vous desirez rechercher la présence de caractères tels que "+" ou "^".
^W\.W$ : Signifie que la chaîne entière est un mot suivie d'un unique point puis d'un autre mot. Par exemple "javascriptfr.com" mais pas "@javascriptfr.com" ou "javascriptfr".
^(W\.)W$ : Les parenthèses n'ont aucunes signification, elle permettent juste de faire des "groupements".
^(W\.)*W$ : L'étoile signifie que ce qui précède doit apparaître 0 ou plus de fois. Grace aux parenthèses, "ce qui précède" est un mot suivit d'un point. Par exemple ici la recherche va réussir avec "web.master" ou "webmaster" ou encore avec "w.e.b.m.a.s.t.e.r".
^(W\.)*W@$ : L'arobasse n'a pas de signification propre, il faut jusque que la chaîne contienne ce caractère a cet endroit. Exemple : "webmaster@".
^(W\.)+W$ : Le "+" signifit toujours un ou plus, ici on veux une série d'au moins 2 mots séparés par des "." (soit un nom de domaine avec une extension). Par exemple "javascriptfr.com" ou "javascript.fr.com" mais pas "javascriptfrcom".
^(W\.)*W@(W\.)+W$ : On veux une série d'au moins 1 mot séparé(s) par des "." suivit par un "@" puis par une autre série d'au moins 2 mots séparés à nouveau par des ".".
Melnofil,
Pkoi j'ai pas le droit a un niveau 4 rien que pour moi ?
En plus je vous met le code de la page HTML pour tester immédiatement la fonction !
boolean is_email(string email)
Paramètre :
email : email dont on veux vérifier la syntaxe.
Valeur de retour :
true si la syntaxe de l'email est correcte, false sinon.
Il s'agit d'une simplication de la RFC 822 => http://jlr31130.free.fr/rfc822.html
Pour ceux qui veulent des vérifications plus poussée je vous invite à lire cette source :
http://www.javascriptfr.com/code.aspx?ID=35656
Une fois que la syntaxe de l'email est validée, n'oubliez pas d'interroger le serveur (parti domaine de l'email) pour lui demander si cet email existe vraiment !
Source / Exemple :
<html>
<head>
<title>javascript:is_email()</title>
<script type="text/javascript" language="javascript">
<!--
function is_email(email)
{
var word = "[-!#-'*+/-9=?A-Z^-~\x80-\xFF]+";
/* Interdits : Caractères de contrôle et [ "(),.:;<>@\] ([] compris). */
var pattern = "^(" + word + "\.)*" + word + "@(" + word + "\.)+" + word + "$";
var reg = new RegExp(pattern, '');
return reg.test(email);
}
function test_email(email, is_valid)
{
var test = document.getElementById('test');
var result = is_email(email);
test.innerHTML +="is_email('" + email + "') == " + (result ? 'true' : 'false');
test.innerHTML += ((result == is_valid) ? ' (Ok)' : ' (Echec)') + '<br />';
}
function start()
{
test_email("webmaster@javascriptfr.com", true);
test_email("webmaster@javascriptfr..com", false); /* a cause du .. */
test_email("web.master@javascriptfr.com", true);
test_email("webmaster.@javascriptfr.com", false); /* a cause du .@ */
test_email("-webmaster-@javascriptfr.com", true); /* le tiret est authorisé par la RFC */
test_email("{webmaster}@javascriptfr.com", true); /* ainsi que les {} */
test_email("[webmaster]@javascriptfr.com", false); /* mais pas les [] */
test_email("=^?é~î)-!#'@javascriptfr.com", true); /* testons quelques caractères spéciaux */
}
-->
</script>
</head>
<body onload="javascript:start()">
<div id="test"></div>
</body>
</html>
Conclusion :
Vous avez sans doute déjà remarqué que j'ai cette fois décomposé la construction de l'expression régulière en deux parties, afin d'en simplifier la compréhension.
Histoire qu'on rigole un peu l'expression régulière utilisée est en réalité :
/^([-!#-'*+/-9=?A-Z^-~\x80-\xFF]+\.)*[-!#-'*+/-9=?A-Z^-~\x80-\xFF]+@([-!#-'*+/-9=?A-Z^-~\x80-\xFF]+\.)+[-!#-'*+/-9=?A-Z^-~\x80-\xFF]+$/
Outch ! Non, ne fuyez pas ;^)
Etape 1 :
var word = "[-!#-'*+/-9=?A-Z^-~\x80-\xFF]+";
[ ] : Les crochets signifient que l'on cherche un des caractères présents entre les crochets.
[-!#'*+] : Ici par exemple la recherche aboutira avec "-", "!", "#", "'", "*" ou "+".
[-!#'*+]+ : Le "+" indique que ce qui précède doit apparaitre une ou plusieurs fois, ainsi la recherche pourra trouver la chaîne "+-+#!" par exemple.
[A-Z]+ : Il est aussi possible de spécifier plusieurs caractères ASCII d'affilé grace au tiret (Sous windows allez dans Démarrer > Programmes > Accessoires > Outils sytème > Table des caractères). Notez que le tiret perd sa signification spéciale s'il placé en premier après le "[" (comme c'est le cas ici).
[\x80-\xFF]+ : Autorise les caractères ASCII de 128 à 255 (soit de 80 à FF en hexadécimal). Il est en effet possible d'utiliser les tables ASCII étendues dans les emails (et donc les accents), même si l'affichage correct de ces caractères chez les contacts n'est pas garantie !
[-!#-'*+/-9=?A-Z^-~\x80-\xFF]+ : Autorise les caractères "-", "!", de "#" à "'", "*", "+", de "/" à "9", "=", "?", de "A" à "Z", de "^" à "~" et les caractères ASCII étendus.
Cela revient à interdire les caractères de contrôle (ASCII de 0 à 31), l'espace et les caractères suivants : ["(),.:;<>@\] (Les [] sont interdits aussi).
Notez bien que les caractères "." et "@" sont interdits !!
"word" represente un mot de la chaîne par exemple avec l'adresse "web.master@javascript.fr.com" les mots sont "web", "master", "javascript", "fr" et "com".
Etape 2 :
Je reprend ma chaîne pattern en remplacant "word" par "W" (pour qu'on puisse la lire plus facilement) :
var pattern = "^(W\.)*W@(W\.)+W$";
^ $ : Indique que la recherche se fait dès le debut et jusqu'a la fin de la chaîne (il ne peut pas y avoir de caractères sautés en début et fin).
\. : Le slash permet d'éviter que le "." soit interprété comme une commande (Le point remplace n'importe quel caractère). Il faut faire la même chose si vous desirez rechercher la présence de caractères tels que "+" ou "^".
^W\.W$ : Signifie que la chaîne entière est un mot suivie d'un unique point puis d'un autre mot. Par exemple "javascriptfr.com" mais pas "@javascriptfr.com" ou "javascriptfr".
^(W\.)W$ : Les parenthèses n'ont aucunes signification, elle permettent juste de faire des "groupements".
^(W\.)*W$ : L'étoile signifie que ce qui précède doit apparaître 0 ou plus de fois. Grace aux parenthèses, "ce qui précède" est un mot suivit d'un point. Par exemple ici la recherche va réussir avec "web.master" ou "webmaster" ou encore avec "w.e.b.m.a.s.t.e.r".
^(W\.)*W@$ : L'arobasse n'a pas de signification propre, il faut jusque que la chaîne contienne ce caractère a cet endroit. Exemple : "webmaster@".
^(W\.)+W$ : Le "+" signifit toujours un ou plus, ici on veux une série d'au moins 2 mots séparés par des "." (soit un nom de domaine avec une extension). Par exemple "javascriptfr.com" ou "javascript.fr.com" mais pas "javascriptfrcom".
^(W\.)*W@(W\.)+W$ : On veux une série d'au moins 1 mot séparé(s) par des "." suivit par un "@" puis par une autre série d'au moins 2 mots séparés à nouveau par des ".".
Melnofil,
Pkoi j'ai pas le droit a un niveau 4 rien que pour moi ?
A voir également
- Vérification d'e-mails par expressions régulières
- Verification rib - Forum Visual Basic 6
- é au lieu de é ✓ - Forum PHP
- Base de données e-commerce - Forum PHP
- Verification carte bleu - Forum PHP
- Verification nom de domaine - Forum PHP
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.