restrictions pour validation de champ

Version imprimable

bonjour j'aimerai ajouter quelques restrictions a ma fonction qui valide un champ "email"...

1. l'adresse email doit commencer par a-zA-Z0-9._-
2. au mois 2 caracteres apres le @
3. entre 2 et 4 caracteres apres le dernier point (.com ou .net .org...)

voici le code de ma fonction jusqua maintenant.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function valemail() { var str1; str1 = document.getElementById("email").value; var acom = str1.indexOf('@') if(acom == -1){ alert("Email Invalide.") document.getElementById("email").style.backgroundColor = "#fba"; }else{ alert("Email Valide") document.getElementById("email").style.backgroundColor = ""; } }

Bonjour,
Utilise les expressions régulières :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function validMail(str)
{
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.]){2,}\.([A-Za-z]{2,4})$/;
var valid = reg.test(str);
if(!valid){
    alert("Email Invalide.")
} else {
    alert("Email Valide")
}
}

Citation:
Envoyé par nadox
Bonjour,
Utilise les expressions régulières :
Code:

1 2 3 4 5 6 7 8 9 10 11 function validMail(str) { var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.]){2,}\.([A-Za-z]{2,4})$/; var valid = reg.test(str); if(!valid){ alert("Email Invalide.") } else { alert("Email Valide") } }
merci pour la partie de code que je n'avais pas mais je crois qu'il manque qqch ou il y a qqch de trop car quand je rentre "abc@hotmail.com" ca ne fonctionne pas et normalement ca devrait fonctionner...

Ma fonction n'est pas utilisable dans ton cas ! c'est seulement un exemple ! Il faut l'adapter à ton code !

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<script type="text/javascript">
function valemail() {
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.]){2,}\.([A-Za-z]{2,4})$/;
	var str1;
		str1 = document.getElementById("email").value;
	var valid = reg.test(str1);
	if(!valid){
		alert("Email Invalide.")
		document.getElementById("email").style.backgroundColor = "#fba";
		return false;
	}else{
		alert("Email Valide")
		document.getElementById("email").style.backgroundColor = "";
		return true;
	}
}
</script>
</head>
<body>
<form action="#" method="POST" onsubmit="return valemail();">
<input type="text" name="email" id="email"/>
<input type="submit" value="tester"/>
</form>
</body>
</html>

Citation:

Envoyé par nadox

Ma fonction n'est pas utilisable dans ton cas ! c'est seulement un exemple ! Il faut l'adapter à ton code !

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<script type="text/javascript">
function valemail() {
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.]){2,}\.([A-Za-z]{2,4})$/;
	var str1;
		str1 = document.getElementById("email").value;
	var valid = reg.test(str1);
	if(!valid){
		alert("Email Invalide.")
		document.getElementById("email").style.backgroundColor = "#fba";
		return false;
	}else{
		alert("Email Valide")
		document.getElementById("email").style.backgroundColor = "";
		return true;
	}
}
</script>
</head>
<body>
<form action="#" method="POST" onsubmit="return valemail();">
<input type="text" name="email" id="email"/>
<input type="submit" value="tester"/>
</form>
</body>
</html>

merci. Est ce que c'est possible de faire une fonction qui verifie si toutes mes autres fonctions que j'utilise pour valider mes champs retourne vrai ?? c'est possible d'appeler une fonction dans une fonction ???

oui.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function verif1(){
    return (fonction1() && fonction2()); //retournera true;
}
function verif2(){
    return (fonction2() && fonction3()); //retournera false;
}
function fonction1(){
    return true;
}
function fonction2(){
    return true;
}
function fonction3(){
    return false;
}
alert("verif 1 : "+verif1());  //retournera true (true && true);
alert("verif 2 : "+verif2());  //retournera false (true && false);

Citation:

Envoyé par nadox

oui.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function verif1(){
    return (fonction1() && fonction2()); //retournera true;
}
function verif2(){
    return (fonction2() && fonction3()); //retournera false;
}
function fonction1(){
    return true;
}
function fonction2(){
    return true;
}
function fonction3(){
    return false;
}
alert("verif 1 : "+verif1());  //retournera true (true && true);
alert("verif 2 : "+verif2());  //retournera false (true && false);

comment traduire "si la fonction 1 et la fonction 2 retourne vrai"...

Code:

1
2
3
4
5
6
 
if(function1() && function2()) {
// code si les deux fonctions retourne vrai
} else {
// code si une des deux fonctions (ou les deux) retourne false
}

Citation:

Envoyé par nadox

Code:

1
2
3
4
5
6
 
if(function1() && function2()) {
// code si les deux fonctions retourne vrai
} else {
// code si une des deux fonctions (ou les deux) retourne false
}

merci beaucoup

On peut même en avoir autant que nécessaire

Code:

1
2
3
4
5
6
 
if(function1() && function2() && function3() && function4() && function5()) {
// code si toutes les fonctions retourne vrai
} else {
// code si au moins une des fonctions retourne false
}