Accueil > > > VÉRIFICATION D'E-MAILS PAR EXPRESSIONS RÉGULIÈRES
 VÉRIFICATION D'E-MAILS PAR EXPRESSIONS RÉGULIÈRES
 Information sur la source
 Description
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
- <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>
<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 ?
 Historique
- 17 janvier 2006 12:52:15 :
- Après 3 ans des gens viennent toujours commenter ma source alors voici un petit cadeau :
Une toute nouvelle version du script qui suis précisement la RFC (attention comme pour la RFC il n'y a pas de taille maximale pour les "mots" et donc pour l'extension de l'email)
En plus comme je suis sympa je vous fourni une batterie de test qui va avec !
Je modifierais les explications plus tard !
Source :
http://magali.contensin.free.fr/html/JAVASCRIPT/cours/PREDEF/ExpressionsReg.html
- 18 janvier 2006 11:28:04 :
- Comme prévu voiçi les commentaires qui vont avec...
- 20 janvier 2006 12:19:16 :
- Ajout d'un lien vers la source de sivispacem qui a mieux étudié le problème des e-mails que moi qui ai fait ca à l'arrache ;^)
 Sources de la même categorie
 Commentaires et avis
|
Derniers Blogs
 [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|