[POO] test de validation format email

Version imprimable

Bonjour, je vous écrit car j'ai un problème dans une validation de formulaire en javascript. Donc, j'effectue un test sur une adresse email avec des expressions régulières. Je teste grace à un alert si mon expression est bonne (niveau format) mon test me ressort un true et ensuite le même test rentre dans if (... == false) 8O

Voilà le code
Code:

1 2 3 4 5 6 7 alert(TestEmail.test(this.email)); if (TestEmail.test(this.email) == false) { document.getElementById('email_erreur').innerHTML = "Le format de l'adresse email n'est pas correct!"; document.forms['ajoutreservation'].elements['email'].focus(); return false; }
Merci d'avance pour votre aide parce que là je crois que je vais devenir fou :aie:

P.S: c'est du JS Orienté Objet

05/02/2009, 17h21
Matthieu2000

Citation:

.value
05/02/2009, 17h24
E.Bzz

Arf :aie: !!

Et ça c'est de la réponse orientée "compacte" ;)
C'est

Code:

this.email.value

qui contient ton @ mail ...

A+
05/02/2009, 18h35
SpaceFrog

encore une notation abrégée ...

this = ???
05/02/2009, 18h55
Don-Leplang

Non en fait j'ai déjà le .value car je récupère comme ça : var email = document.forms['ajoutreservation'].elements['email'].value; d'ailleurs quand je fais un alert de this.email, ça me marque la bonne réponse
:roll:

Code:

1
2
3
4
5
6
7
mailvalue=document.forms['ajoutreservation'].elements['email'].value;
			if (TestEmail.test(mailvalue) == false)
			{
				document.getElementById('email_erreur').innerHTML = "Le format de l'adresse email n'est pas correct!";
				document.forms['ajoutreservation'].elements['email'].focus();
				return false;
			}

Non non c'est ce que je fais et ça ne marche pas 8O je n'y comprends rien du tout!!! Je ne vois pas où est l'erreur, pour que vous compreniez bien je vais mettre tout mon code, je l'ai commenté (partie email) pour que vous compreniez bien où est le problème

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
function verif()
{
 
	var nom = document.forms['ajoutreservation'].elements['nom'].value;
	var prenom = document.forms['ajoutreservation'].elements['prenom'].value;
	var rue = document.forms['ajoutreservation'].elements['rue'].value;
	var numero = document.forms['ajoutreservation'].elements['numero'].value;
	var codepostal = document.forms['ajoutreservation'].elements['codepostal'].value;
	var localite = document.forms['ajoutreservation'].elements['localite'].value;
	var pays = document.forms['ajoutreservation'].elements['pays'].value;
	var email = document.forms['ajoutreservation'].elements['email'].value;
	var telephone = document.forms['ajoutreservation'].elements['telephone'].value;
	var datearrivee = document.forms['ajoutreservation'].elements['datearrivee'].value;
	var datesortie = document.forms['ajoutreservation'].elements['datesortie'].value;
	var ObjetReservation = new Reservation(nom, prenom, rue, numero, codepostal, localite, pays, email, telephone, datearrivee, datesortie);
 
	if (ObjetReservation.VerifNom()==false)
		return false;
 
	if (ObjetReservation.VerifPrenom()==false)
		return false;
 
	if (ObjetReservation.VerifRue()==false)
		return false;
 
	if (ObjetReservation.VerifNumero()==false)
		return false;
 
	if (ObjetReservation.VerifCodePostal()==false)
		return false;
 
	if (ObjetReservation.VerifLocalite()==false)	
		return false;
 
	if (ObjetReservation.VerifPays()==false)
		return false;
 
	if (ObjetReservation.VerifEmail()==false)
		return false;
 
	if (ObjetReservation.VerifTelephone()==false)
		return false;
 
	if (ObjetReservation.VerifDateArrivee()==false)
		return false;
 
	if (ObjetReservation.VerifDateSortie()== false)
		return false;
}
 
function Reservation(n, p, r, num, cp, loc, pa, em, tel, da, ds)
{
 
	this.nom=n;
	this.prenom=p;
	this.rue=r;
	this.numero=num;
	this.codepostal=cp;
	this.localite=loc;
	this.pays=pa;
	this.email=em;
	this.telephone=tel;
	this.datearrivee=da;
	this.datesortie=ds;
 
	this.VerifNom=function(nom)
	{
 
		var TestNom = new RegExp("^[a-zA-Z'éèêë-]*$","gi");
 
		if (this.nom == "")
		{	
			document.getElementById('nom_erreur').innerHTML = "Veuillez entrer un nom!";
			document.forms['ajoutreservation'].elements['nom'].focus();
			return false;
 
		}
		else
		{
			if (TestNom.test(this.nom) == false)
			{
				document.getElementById('nom_erreur').innerHTML = "Le format du nom n'est pas correct!";
				document.forms['ajoutreservation'].elements['nom'].focus();
				return false;
			}
			else
			{
				document.getElementById('nom_erreur').innerHTML = "";
			}
		}
	}
 
	this.VerifPrenom=function(prenom)
	{
		var TestPrenom=new RegExp("^[a-zA-Z'éèêë-]*$","gi");
 
		if (this.prenom == "")
		{
			document.getElementById('prenom_erreur').innerHTML = "Veuillez entrer un pr&eacute;nom!";
			document.forms['ajoutreservation'].elements['prenom'].focus();
			return false;
		}
		else
		{
			if (TestPrenom.test(this.prenom) == false)
			{
				document.getElementById('prenom_erreur').innerHTML = "Le format du pr&eacute;nom n'est pas correct!";
				document.forms['ajoutreservation'].elements['prenom'].focus();
				return false;
			}
			else
			{
				document.getElementById('prenom_erreur').innerHTML = "";
			}
		}
	}
 
	this.VerifRue=function(rue)
	{
 
		var TestRue=new RegExp("[^0-9]");
 
		if (this.rue == "")
		{
			document.getElementById('rue_erreur').innerHTML = "Veuillez entrer une rue!";
			document.forms['ajoutreservation'].elements['rue'].focus();
			return false;
		}
		else
		{
			if (TestRue.test(this.rue) == false)
			{
				document.getElementById('rue_erreur').innerHTML = "Le format de la rue n'est pas correct!";
				document.forms['ajoutreservation'].elements['rue'].focus();
				return false;
			}
			else
			{
				document.getElementById('rue_erreur').innerHTML = "";
			}
		}
	}
 
	this.VerifNumero=function(numero)
	{
		var TestNumero=new RegExp("[0-9]{1,5}");
 
		if (this.numero == "")
		{
			document.getElementById('numero_erreur').innerHTML = "Veuillez entrer un num&eacute;ro de rue!";
			document.forms['ajoutreservation'].elements['numero'].focus();
			return false;
		}
		else
		{
			if (TestNumero.test(this.numero) == false)
			{
				document.getElementById('numero_erreur').innerHTML = "Le format du num&eacute;ro de rue n'est pas correct!";
				document.forms['ajoutreservation'].elements['numero'].focus();
				return false;
			}
			else
			{
				document.getElementById('numero_erreur').innerHTML = "";
			}
		}
 
	}
 
	this.VerifCodePostal=function(codepostal)
	{
 
		var TestCodePostal=new RegExp("[0-9]{4,5}");
 
		if (this.codepostal == "")
		{
			document.getElementById('codepostal_erreur').innerHTML = "Veuillez entrer un code postal!";
			document.forms['ajoutreservation'].elements['codepostal'].focus();
			return false;
		}
		else
		{
			if (TestCodePostal.test(this.codepostal) == false)
			{
				document.getElementById('codepostal_erreur').innerHTML = "Le format du code postal n'est pas correct!";
				document.forms['ajoutreservation'].elements['codepostal'].focus();
				return false;
			}
			else
			{
				document.getElementById('codepostal_erreur').innerHTML = "";
			}
		}
 
	}
 
	this.VerifLocalite=function(localite)
	{
		var TestLocalite=new RegExp("[^0-9]");
 
		if (this.localite == "")
		{
			document.getElementById('localite_erreur').innerHTML = "Veuillez entrer une localit&eacute;!";
			document.forms['ajoutreservation'].elements['localite'].focus();
			return false;
		}
		else
		{
			if (TestLocalite.test(this.localite) == false)
			{
				document.getElementById('localite_erreur').innerHTML = "Le format de la localit&eacute; n'est pas correct!";
				document.forms['ajoutreservation'].elements['localite'].focus();
				return false;
			}
			else
			{
				document.getElementById('localite_erreur').innerHTML = "";
			}
		}
	}
 
	this.VerifPays=function(pays)
	{
		var TestPays=new RegExp("[^0-9]");
 
		if (this.pays == "")
		{
			document.getElementById('pays_erreur').innerHTML = "Veuillez entrer un pays!";
			document.forms['ajoutreservation'].elements['pays'].focus();
			return false;
		}
		else
		{
 
			if (TestPays.test(this.pays) == false)
			{
				document.getElementById('pays_erreur').innerHTML = "Le format du pays n'est pas correct!";
				document.forms['ajoutreservation'].elements['pays'].focus();
				return false;
			}
			else
			{
				document.getElementById('pays_erreur').innerHTML = "";
			}
		}
	}
 
	this.VerifEmail=function(email)
	{
 
		var TestEmail= new RegExp("^\\w[\\w+\.\-]*@[\\w\-]+\.\\w[\\w+\.\-]*\\w$", "gi");
 
		if (this.email == "")
		{
			document.getElementById('email_erreur').innerHTML = "Veuillez entrer une adresse email!";
			document.forms['ajoutreservation'].elements['email'].focus();
			return false;
		}
		else
		{
 
			alert(TestEmail.test(this.email)); // ça me ressort un true donc ça ne doit pas rentrer dans le if mais ça le fait quand meme
			if (TestEmail.test(this.email) == false)
			{
				document.getElementById('email_erreur').innerHTML = "Le format de l'adresse email n'est pas correct!";
				document.forms['ajoutreservation'].elements['email'].focus();
				return false;
 
			}
			else
			{
				document.getElementById('email_erreur').innerHTML = "";
			}
		}
 
	}
}

Merci du temps que vous passez à répondre parce que je ne sais vraiment plus quoi faire. J'ai testé en inversant la condition (donc avec un == true), idem ou meme avec un == 'false' et ça rentre quand même dans ce if alors que l'alert pour voir le résultat de cette condition m'affiche un true

Accrochez vos slips :)

l'erreur vient de l'alert 8O
Démo a l'appuis décommentez l'alert pour voir :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
		<script type="text/javascript">
			function VerifEmail(email)
			{
 
				var TestEmail= new RegExp("^\\w[\\w+\.\-]*@[\\w\-]+\.\\w[\\w+\.\-]*\\w$", "gi");
 
				if (email == "")
				{
					alert('mail vide');
				return false;
				}
				else
				{
 
					//alert(TestEmail.test(email)); // ça me ressort un true donc ça ne doit pas rentrer dans le if mais ça le fait quand meme
					var retour = TestEmail.test(email);
					alert(typeof retour);
					if(retour != true){
						alert('problème');
 
					}
					else
					{
						alert('ok');
						return true;
					}
				}
				return false;
 
			}
 
		</script>
	</head>
	<body>
		<input type="text" id="mail" value="toto@toto.com" />
		<input type="button" value="test" onclick="VerifEmail(document.getElementById('mail').value)" />
	</body>
</html>

l'alert évalue l'expression , puis lorsqu'elle est réévalué pour une raison encore inconnu elle renvois bien true mais ne marche plus ...

06/02/2009, 10h41
SpaceFrog

arf oui !!!
un grand moment sur developpez ça ...

le souci de la réévaluation de l'expression regulière ...
y'a tout un post là dessus
un histoire de pointeur si ma memoire est bonne EBzz ? Auteur ? l'un de vous était mélé a cette sombre affaire non ...

en fait juste pour le fun il suffit de rajouter un second alert et cela fonctionnera de nouveau ... il se passe un truc une fois sur deux, mais ma memoire vieillissante me fait defaut ...

on peut aussi recomplier la regExp ou la redeclarer me semble-t-il ...

Je recherche le post initial ... y'a au moins deux ans ... ??
06/02/2009, 10h46
le_chomeur

je me souviens vaguement d'une erreur dans le même genre , mais le pourquoi du comment ==>x-files la vérité est ailleurs !
06/02/2009, 11h16
E.Bzz

Citation:

Envoyé par SpaceFrog

un histoire de pointeur si ma memoire est bonne EBzz ? Auteur ? l'un de vous était mélé a cette sombre affaire non ...

Désolé de ne pouvoir t'aider pour la recherche, mais ça ne me dit rien :?

Mais si c'est du RegExp, j'ai un alibi :aie:

A+
06/02/2009, 11h19
Don-Leplang

Roh merci bien pour cette explication, j'aurai jamais trouvé sans vous. Bon maintenant je dois avoir un problème dans mon expression reguliere parce qu'une adresse email correcte ne passe :?
06/02/2009, 11h26
SpaceFrog

celle ci me donne satisfaction:

Code:

var re=new RegExp("^[a-zA-Z0-9\-_]+[a-zA-Z0-9\.\-_]*@[a-zA-Z0-9\-_]+\.[a-zA-Z\.\-_]{1,}[a-zA-Z\-_]+","i");

Roh ben faut croire que j'ai un autre problème parce qu'une adresse email correcte ne passe pas le test, ça me sort un false même avec ton expression régulière

voilà mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
var TestEmail= new RegExp("^[a-zA-Z0-9\-_]+[a-zA-Z0-9\.\-_]*@[a-zA-Z0-9\-_]+\.[a-zA-Z\.\-_]{1,}[a-zA-Z\-_]+","i");
var retour = TestEmail.test(email);
 
			if (retour != true)
			{
				alert('problème');
				document.getElementById('email_erreur').innerHTML = "Le format de l'adresse email n'est pas correct!";
				document.forms['ajoutreservation'].elements['email'].focus();
				return false;
 
			}

06/02/2009, 11h34
le_chomeur

bizare car avec mon exemple ça passait ...
06/02/2009, 11h39
Don-Leplang

Autant pour moi, c'est de ma faute j'ai oublié le this dans le test :mrgreen:

Encore un tout grand merci à vous 2 :king: