Vérification d'e-mails par expressions régulières

Soyez le premier à donner votre avis sur cette source.

Snippet vu 17 537 fois - Téléchargée 26 fois

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 !

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

Ajouter un commentaire

Commentaires

cs_fabrice69
Messages postés
1766
Date d'inscription
jeudi 12 octobre 2000
Statut
Modérateur
Dernière intervention
11 décembre 2013
4 -
Pas mal ton code.
Un peu complexe pour les débutants mais puissant.

F___
scantoine
Messages postés
1
Date d'inscription
lundi 1 juillet 2002
Statut
Membre
Dernière intervention
8 août 2002
-
super le code et avec les explications en plus c cool
VirtualReckless
Messages postés
12
Date d'inscription
jeudi 31 octobre 2002
Statut
Membre
Dernière intervention
14 novembre 2002
-
bien...bien...on vas voté pour un nivo 4 hein ;p
nan serieu bon code et bonne explication
heu p'tite annoce qu'a rien avoir mais bon... : vous petez pas les couilles a trouver un hébergeur k'accepte la fonction email(........) en php, multimania l'accepte.
allez ++
Sylvaninox
Messages postés
2
Date d'inscription
vendredi 23 mai 2003
Statut
Membre
Dernière intervention
25 mai 2003
-
Je ne vois pas bien en quoi le reg2 est indispensable !?
En effet, dans le reg(1) il y a déjà la contrainte d'au moins 2 caractères "{2,}" après le @.
L'@ et le . ne peuvent donc pas être collés !

Dites-moi si je me trompe parce que sinon y'a un truc ke j'ai pas compris :-)

A part ça c'est une très bonne solution pour vérifier la validité d'un mail !
cs_Melnofil
Messages postés
71
Date d'inscription
dimanche 23 juin 2002
Statut
Membre
Dernière intervention
1 février 2008
-
tout simplement parsque le nom du fournisseur (et le nom d'utilisateur aussi !) peut contenir des . d'ailleurs regarde bien le point est caché entre le 9 et le _ :
[a-zA-Z0-9._-]{2,}
De plus ne sont pas valides les adresses du style xx..xx@xxx.xxx ou xxx@xx..xx.xxx avec deux points de suite.
Voilà ++

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.