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

Soyez le premier à donner votre avis sur cette source.

Snippet vu 17 587 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_sivispacem
Messages postés
26
Date d'inscription
vendredi 26 avril 2002
Statut
Membre
Dernière intervention
4 octobre 2006

Melnofil
Petit commentaire pour ton Historique des mises à jour
du 17/01/2006 12:52:15
Tu dis "(attention comme pour la RFC il n'y a pas de taille maximale pour les "mots"
et donc pour l'extension de l'email)"
C'est pas très correct. La RFC sur les email se reporte à celle
sur les noms de domaine pour préciser.
1 identifiant (.) est limité à
63 caractères Max, La somme des identifiants à 255 caratères (octets).
Les TLDs, de fait, à 2 Min et 6 Max ([a-z]{2,6}).
Ainsi .. ... .tld fait max 255 caractères.
Et l'on doit semble t'il compter les points.
Je cite : "le nombre total d'octets composant un nom de domaine entièrement qualifié
(c'est à dire la somme de tous les identifiants plus la mention
des longueurs d'identifiants) est limité à 255."
javascriptfr.com c'est 16 caractères notés dans les DNS.
Dans mon expression @((?![-\d])[a-z\d-]{0,62}[a-z\d]\.){1,4}[a-z]{2,6}
si je ne m'abuse avec 4 identifiants de 63 + les points = 256
et un .fr minimum fait 259 et c'est une erreur !
http://abcdrfc.free.fr/rfc-vf/rfc1034.html paragraphe 3
C'est la limitation des serveurs DNS (bind, etc).
Se rappeler
- 63 octets par identifiant
- 255 octets par nom de domaine entièrement qualifié (FQDN)
Je me trompe ? C'est en tout cas la limitation de mon serveur DNS local !
cs_sivispacem
Messages postés
26
Date d'inscription
vendredi 26 avril 2002
Statut
Membre
Dernière intervention
4 octobre 2006

OK, allez voir
http://www.javascriptfr.com/code.aspx?ID=35656
J'hésitais car le sujet est largement débattu.
Mais le problème n'est pas si simple !
Pour les autres languages, simple, il faut
reprendre les expressions régulières.
Mais je parlais aussi d'isoler les fonctions pour
pouvoir les utiliser dans des pages en français, anglais
bania moulengué et kikoutou entre autre... en
ne modifiant que la fonction d'entrée.
cs_Melnofil
Messages postés
71
Date d'inscription
dimanche 23 juin 2002
Statut
Membre
Dernière intervention
1 février 2008

sivispacem au lieu de troller sur ma source LoL
(Surtout que le site s'y met aussi dans ma messagerie en envoyant un email par message !!)
Actuellement il est très difficile de faire la synthèse de tes posts sans se mélanger les pinceaux,
alors pourquoi tu nous ferais pas un tutorial complet
rassemblant toutes tes connaissances sur la validation des emails !
Et tu nous organise tout ca en chapitres histoire qu'on s'y retrouve ;^)
puis tu fais un lien vers ton tuto d'ici !

En plus la validation d'email n'est pas liée au javascript en particulier,
tu pourrais écrire un tutorial plus général
pour tous les languages utilisant les mêmes expressions régulières.

Ceci étant dit je t'oblige en rien si tu veux continuer a poster ici, fait donc =)
++ Melnofil
cs_Mimata
Messages postés
7
Date d'inscription
vendredi 31 octobre 2003
Statut
Membre
Dernière intervention
24 octobre 2006

Oh oh ! Doucement tornado !!! Je suis largué moi ;-D
J'ai 3 semaines de javascript et 3 jours d'expressions régulières
alors les bibliothèques, cuisines et autre mobilier... je sais même pas ce que c'est.
J'ai aussi regardé la norme RFC 1034 mais j'ai pas pané grand chose non plus. Bref, y'a du boulot.

Bon, pour être plus concret, mon formulaire est visible là :
http://xhtml.css.free.fr/contact.htm et le javascript associé là : http://xhtml.css.free.fr/_JS/formulaire.js.
Le but du jeu étant de rester valide en XHTML1.0 Strict.

Je comprends pas bien pourquoi on a besoin de x fonctions pour tester le mail
et je ne sais pas utiliser les paramètre (c'est pour ça tu vas me dire).
On peut pas tout mettre dans ma fonction verifier() ? J'ai pas envie d'appeler 50 fonctions juste pour tester 1 champs...
cs_sivispacem
Messages postés
26
Date d'inscription
vendredi 26 avril 2002
Statut
Membre
Dernière intervention
4 octobre 2006

Mimata
Code en universel :
function bSyntaxeEmail(sMail) {... renvoie un booléen}
function bDomainTLD(sMail) {... renvoie un booléen}
etc... (true ou false)
Tes fonctions seront réutilisables en bibliothèques,
sans tripotages pour passer d'une langue à une autre
ni pour modifier l'apparence, etc
Et une fontion d'entrée personnalisable pour ta cuisine
(genre function TestCompletDuCourriel(sMail))
(langues, actions, présentation et bidouillages à faire
varier suivant les formulaires).
Tu sera gagnant avec le temps.

Et appel ton javascript avec this.form.NOMDELAVARIABLE.value
Du genre
<form>


</form>
au lieu de chercher la valeur avec
var email = document.forms['formulaire'].mail.value;
(une variable de plus, et le nom du formulaire source d'erreur !)

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.