tester champ formulaire mail

Version imprimable

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:

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.

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:

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

25/07/2009, 21h02
SpaceFrog

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

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

Code:

^([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})(\]?)$
26/07/2009, 12h55
patlechat

salut,

comment appliquer l'expression réguliére.

Merci.

Code:

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>

26/07/2009, 17h50
patlechat

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.

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

dans cette partie là :
Code:

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

Bonjour,

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

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.

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

Code:

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;
    }
}

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:

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:

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+

08/08/2009, 11h36
Bovino

Code:

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

Ton champ n'a pas d'id email :roll:
Regarde un minimum le code...

EDIT :
En plus :

Code:

if (email.match(reg))

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

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

Code:

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;}
}

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:

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 !

enlève les quotes autous de la reg !

Code:

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})(\]?)$/,

12/08/2009, 15h47
_jey_

La console m'affiche "regex.match is not a function"...
12/08/2009, 16h09
SpaceFrog
si tu avais lu les posts précédents ...

Code:

email.match(reg)

=>
Code:

1 2 if(!chps.value.match(regexp));
14/08/2009, 10h08
_jey_

Ca m'a échappé.
Merci !