tester champ formulaire mail

**patlechat** · 25/07/2009, 11h12

Bonjour,

j'effectue une série de test de mes champs de formulaire afin d'avoir une base mysql nickel, et j'ai un soucis pour tester si l'écriture du mail est correcte.en fait je n oblige pas à rentrer un mail mais lorsque l'on en rentre un je teste si le @ et le . sont présent.
mon soucis actuel s'est que lorsque je rentre un mail j'ai une alerte si le mail est mal orthographié et ensuite plus rien ne fonctionne je ne peux meme plus valider mon formulaire.
voici mon prog:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
if(f.adresse1.value == ""){
alert("Veuillez entrer votre adresse!");
f.adresse1.focus();
return false; }
if(f.email.value != "") {				if((f.email.value.indexOf("@")>=0)&&(f.email.value.lastIndexOf(".")>f.email.value.indexOf("@"))) {
return false;
} else {
alert("Mail invalide");f.email.focus();return false;}
							}
if(f.elements["list2"].options.length ==0){
alert("Veuillez sélectionner une ville!");
f.elements["list2"].focus();
return false; }

Merci pour votre aide.

**micetf** · 25/07/2009, 14h17

D'après ton code,
lorsque ton mail est saisi,
mais qu'il n'est pas valide,
tu n'affiches pas d'alerte,
ni ne replaces le focus sur le champ email,
tu te contentes d'un return false.

Cela ne marcherait-il pas mieux ainsi ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
if(f.adresse1.value == ""){
	alert("Veuillez entrer votre adresse!");
	f.adresse1.focus();
	return false;
}
if(f.email.value != "") {
	if((f.email.value.indexOf("@")>=0)&&(f.email.value.lastIndexOf(".")>f.email.value.indexOf("@"))) {
		alert("Mail invalide");
		f.email.focus();
		return false;
	} else {
		alert("Veuillez entrer votre mail");
		f.email.focus();
		return false;
	}
}
if(f.elements["list2"].options.length ==0) {
	alert("Veuillez sélectionner une ville!");
	f.elements["list2"].focus();
	return false;
}

Fred

**SpaceFrog** · 25/07/2009, 21h02

un peu léger comme validation de mail ...

une bonne vieille expression régulière serait nettement plus performante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$

**patlechat** · 26/07/2009, 12h55

salut,

comment appliquer l'expression réguliére.

Merci.

**SpaceFrog** · 26/07/2009, 16h28

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
function validmail(){
var reg=/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
var email=document.getElementById('champsmail').value;
alert((reg.test(email))?'email ok':'email incorrect')
// ou : alert((email.match(reg))?'email ok':'email incorrect')
}
</script>
</head>
 
<body>
<input id="champsmail" type="text" />
<input type="button" onclick="validmail()" value="verfier" />
</body>

**patlechat** · 26/07/2009, 17h50

je te remercie pour la fonction, mais mon formulaire et déja accroché à une fonction qui justement me permet de vérifier tous les champs de celui ci.
il me reste juste à régler la gestion du mail. je n'impose pas le remplissage du champ mail mais je veux vérifié sa saisie lorsqu'on le remplit.
est ce que tu crois que je peux l'implanter dans ma fonction ??

Merci.

**SpaceFrog** · 26/07/2009, 18h46

non je ne le crois pas ...
j'en suis certain !

dans cette partie là :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
if(f.email.value != "") {
	if((f.email.value.indexOf("@")>=0)&&(f.email.value.lastIndexOf(".")>f.email.value.indexOf("@"))) {
		alert("Mail invalide");
		f.email.focus();
		return false;

remplace ton test indexOf par le test regExp

**patlechat** · 04/08/2009, 19h37

Bonjour,

je n'ai toujours pas résolu mon test de mail.
voici mon script:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
if(f.email.value != "") {
var reg=/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
var email=document.getElementById('f.email').value;
     				alert("Veuillez entrer une adresse e-mail valide, merci");
     				f.email.focus();
     				return false;
     					}

quand je rentre 2 lettres dans mon champ il ne teste la syntaxe de mon mail est valide directement mon formulaire.

Merci pour votre aide.

**Bovino** · 04/08/2009, 20h32

Il ne suffit pas de déclarer une variable pour que la vérification se fasse comme par magie...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
if(f.email.value != "") {
    var reg=/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
    var email=document.getElementById('f.email').value;
    if(email.match(reg){
        alert("Veuillez entrer une adresse e-mail valide, merci");
        f.email.focus();
        return false;
    }
}

**patlechat** · 08/08/2009, 10h54

salut,

je suis désolé mais il ne prend toujurs pas en compte ma vérif de mail, pour etre sur que cela vient uniquement de cette boucle. j'ai créé une page basique html avec deux champ texte pour mail et nom.
voici la partie javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function test(f) {
			if(f.nom.value == "") {
			alert("Veuillez entrer votre nom!");
			f.nom.focus();
				return false; }
			if(f.email.value != "") {
				var reg=/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
					var email=document.getElementById('email').value;
					if(email.match(reg)){
     				alert("Veuillez entrer une adresse e-mail valide, merci");
     				f.email.focus();
     				return false;}
				}
		}
 
</SCRIPT>

et voici la partie body:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<form id="monForm" name="AVIS" method="post" action="" OnSubmit="return test(this)">
  <p>
  <input name="nom" type="text" id="form_nom" size="25" value="" />
  </p>
  <p>
    <input name="email" type="text" id="form_email" size="30" />
  </p>
  <p>&nbsp;</p>
  <p>
    <input type="submit" name="Submit" value="Valider">
  </p>
</form>

merci de m'aider.
A+

**Bovino** · 08/08/2009, 11h36

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var email=document.getElementById('email').value;

Ton champ n'a pas d'id email

Regarde un minimum le code...

EDIT :
En plus :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (email.match(reg))

Tu affiches le message d'erreur si le champ est valide

**patlechat** · 09/08/2009, 17h07

Merci pour votre aide j'ai résolu mon soucis.
voici mon code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
if(f.adresse1.value == ""){
alert("Veuillez entrer votre adresse!");
f.adresse1.focus();
return false; }
if(f.email.value != "") {
var reg=/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
var email=document.getElementById('form_email').value;
if(!email.match(reg)){
alert("Adresse e-mail invalide");
f.email.focus();
return false;}
}

**_jey_** · 12/08/2009, 15h34

Bonjour,

Je me permet de remonter ce sujet, car mon problème est du même genre... j'ai suivi en parti les conseils donnés dans ce sujet, mais ça ne règle pas mon problème. Je teste des numéros de téléphone, et des adresses mail, et, selon ma fonction, ils ne sont jamais bon !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
var tabTestValidite=new Array;
tabTestValidite[0]=new Array(
	"numTel_1,numTel_2",  // liste des "id" des champs à tester
	"/^([+][0-9]{2,6})?[0-9]{10,15}$/");
tabTestValidite[1]=new Array(
	"adMail1,adMail2",
	"/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/");
 
var chps;
for(var i=0; i<tabTestValidite.length; i++)
{
	var champs_test=tabTestValidite[i][0].split(',');
	for(var j=0; j<champs_test.length; j++)
	{
		var chps=document.getElementById(champs_test[j]);
		var regex=tabTestValidite[i][1];
		if(!regex.match(chps.value));
		{
			ok=false;
		}
	}			
}
alert(ok);

Pour l'expression régulière du mail, j'ai repris celle de SpaceFrog, mais pour celle du téléphone, je l'ai écrite moi-même...

Merci d'avance !

**SpaceFrog** · 12/08/2009, 15h36

enlève les quotes autous de la reg !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
tabTestValidite[1]=new Array(
	"adMail1,adMail2",
	/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/,