restrictions pour validation de champ

Carlito27 · 28/03/2011, 18h52

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 :

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

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

nadox · 28/03/2011, 19h09

Bonjour,
Utilise les expressions régulières :

Code :

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

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")
}
}

Carlito27 · 28/03/2011, 19h13

Citation:

Envoyé par nadox

Bonjour,
Utilise les expressions régulières :

Code :

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

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...

nadox · 28/03/2011, 19h33

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

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

Carlito27 · 28/03/2011, 21h31

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 :

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
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 ???

nadox · 28/03/2011, 21h55

oui.

Code javascript :

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

Carlito27 · 28/03/2011, 22h11

Citation:

Envoyé par nadox

oui.

Code javascript :

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
 
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"...

nadox · 28/03/2011, 22h19

Code javascript :

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

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
}

Carlito27 · 28/03/2011, 22h21

Citation:

Envoyé par nadox

Code javascript :

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

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

nadox · 28/03/2011, 22h25

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

Code :

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

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
}

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email