controle de nombre avec js

Version imprimable

bonjour,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
	<script type="text/javascript">
		function tel(){
			var tel= /[0-9]$/;
			if(!tel.test(document.getElementById("tel").value))alert('Nom Numerique')
}
	</script>
</head>
<body>
<form name="f1" action="" method="post" onSubmit="tel();">
<input type="text" id="tel"/>
<input type="submit">
</form>
</body>
</html>

je ne sais pas pourquoi ce code ne marche pas

04/05/2009, 12h11
k1rby
Alors de 1 ta variable a le même nom que ta fonction, je suis pas sûr qu'il apprécie, de 2 .test() c'est pour les object RegExp, et de 3 il manque l'accolade fermante de la fonction :
Code:

1 2 3 4 5 6 7 function tel(){ var maReg= new RegExp('[0-9]$'); if(!maReg.test(document.getElementById("tel").value)){ alert('Nom Numerique') } }
De plus sachant que tu ne commences pas par un ^ pourraient passer ton test :
hjzefblegrblredb1
56789jhsbfvsh,vf2
etc., bref toute chaîne de caractère finissant par un chiffre
04/05/2009, 12h19
hraiwen

j'ai essayé mais ca n'a pas marché
04/05/2009, 12h33
RomainVALERI
Citation:

Envoyé par hraiwen

j'ai essayé mais ca n'a pas marché

essayé quoi ? :?
Heu... k1rby te donne une réponse détaillée, fais au moins l'effort de prendre plus de 4 secondes pour répondre ^^ (c'est quand même ton problème, au départ...)

Outre ses pertinentes remarques, ce que k1rby t'explique à la fin pour l'écriture de ta regexp, c'est de placer un caractère signifiant "début de la chaine testée" :
Code:

1 2 var maReg= new RegExp('^[0-9]$');

merci bien pour tes remarque,
j'ai essayé ca

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
	<script type="text/javascript">
		function tel(){
     var maReg= new RegExp('^[0-9]$');
     if(!maReg.test(document.getElementById("tel").value)){
          alert('Nom Numerique')
     }
}
 
	</script>
</head>
<body>
<form name="f1" action="" method="post" onSubmit="tel()">
<input type="text" id="tel"/>
<input type="submit" value="test">
</form>
</body>
</html>

ca na pas marché

04/05/2009, 13h49
RomainVALERI

Tu veux dire que l'alert de ta fonction tel ne se déclenche jamais, que la saisie soit conforme ou pas ?

(il manque un ";" après cet alert, d'ailleurs, mais ca ne doit pas poser de problème je suppose, comme l'instruction est unique dans son bloc...)

Salut,
Modifie le nom de la fonction car il y a conflit avec l'id de l'input.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
	<script type="text/javascript">
		function telef(){
	  var maReg=  /[0-9]$/;
     if(!maReg.test(document.getElementById("tel").value))
	 {
          alert('Nom Numerique');
		  return false;
     }
}
 
	</script>
</head>
<body>
<form name="f1" action="" method="post" onsubmit="return telef()">
<input type="text" id="tel"/>
<input type="submit" value="test">
</form>
</body>
</html>

04/05/2009, 14h15
k1rby
Citation:
Envoyé par hraiwen

Code:

1 2 var maReg= new RegExp('^[0-9]$');
Tu es conscient qu'avec cette expression régulière seul 0 ou 1 ou 2 [...] ou 9 passeront le test. Par exemple 0123456789 ne le passera pas.

Ton id s'appelle tel, je suppose donc que c'est pour vérifier un numéro de téléphone. A ce compte là :
Code:

1 2 var maReg= new RegExp('^[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}$');
@andry.aime: le fait que la fonction ai le même nom que l'id ne pose pas de problème (en tout cas, quand je fais mes tests, ça marche nickel)

@k1rby
J'ai testé sous IE 6 et FF3, mais cela ne marche pas avec l'input et la fonction ayant le même nom, essaye ce code et tu verras l'erreur

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
	<script type="text/javascript">
		function tel(){
	  var maReg=  /[0-9]$/;
     if(!maReg.test(document.getElementById("tel").value))
	 {
          alert('Nom Numerique');
		  return false;
     }
}
 
	</script>
</head>
<body>
<form name="f1" action="" method="post" onsubmit="return tel()">
<input type="text" id="tel"/>
<input type="button" onclick="tel()" value="test">
</form>
</body>
</html>

J'aimerai savoir quel navigateur tu utilises?

04/05/2009, 14h36
hraiwen

mais cette fonction admet le test comme ca:
ZZ2333
j'ai essayé mais je n'ai pas trouver
je veux tester le num de tel (tout sont des numeros)

@hraiwen: lis mon post plus haut

@andry.aime: ça me paraissait suspect que ça marche chez moi sous FF3 et pas chez toi. Après test en fait :

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
 
<html>
<head>
<title>Test</title>
</head>
<body>
 
<form action="" method="post">
<input id="tel" type="text" name="tel" /><br>
<button type="button" onclick="tel();">Test</button>
</form>
 
<script type="text/javascript">
function tel(){
	var maReg= new RegExp('^[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}$');
	if(maReg.test(document.getElementById('tel').value)){
		alert('oui');
	}else{
		alert('non');
	}
}
</script>
</body>
</html>

Ça, ça ne marche effectivement pas mais :

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
 
<html>
<head>
<title>Test</title>
</head>
<body>
 
<form action="" method="post">
<input id="tel" type="text" name="tel" /><br>
</form>
<button type="button" onclick="tel();">Test</button>
 
<script type="text/javascript">
function tel(){
	var maReg= new RegExp('^[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}$');
	if(maReg.test(document.getElementById('tel').value)){
		alert('oui');
	}else{
		alert('non');
	}
}
</script>
</body>
</html>

Ça, ça marche, le fait de sortir le bouton du form et hop ça marche. Alors je sais pas par miracle mais en effet dans le doute nommons les fonctions différemment des id.

04/05/2009, 14h46
hraiwen

svp k1rby
je ne veux pas une forme reguliere conmme 23 23 23 23 23
mais je veux laisser la main de taper un numero avec le minimum des nombre est 8 meme sans espace il suffit un num tel avec 8 nbre
merci
04/05/2009, 14h50
k1rby

Ma regexp

Code:

var maReg= new RegExp('^[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}-?\\.?\\s?[0-9]{2}$');

permet de tester et d'autoriser les numéros de téléphone au format suivant :
0123456789
01 23 45 67 89
01.23.45.67.89
01-23-45-67-89

Pour ne filtrer que les numéros de téléphone sans séparateurs et à seulement 8 chiffres il suffit de réfléchir plus de 3 secondes et de faire quelques recherches sur les expressions régulières pour voir comment ça marche avant de demander aux autres de tout faire à sa place.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
	<script type="text/javascript">
		function telef(){
	  var maReg=  /[0-9]$/;
	 if(!maReg.test(document.getElementById("tel").value)||(document.getElementById("tel").value.length<8))
	 {
          alert('Nom Numerique ou trop cour');
		  return false;
     }
}
 
	</script>
</head>
<body>
<form name="f1" action="" method="post" onsubmit="return telef()">
<input type="text" id="tel"/>
<input type="submit" value="test">
</form>
</body>
</html>

04/05/2009, 15h01
hraiwen

merci bien

Citation:
Envoyé par andry.aime
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <html> <head> <script type="text/javascript"> function telef(){ var maReg= /[0-9]$/; if(!maReg.test(document.getElementById("tel").value)||(document.getElementById("tel").value.length<8)) { alert('Nom Numerique ou trop cour'); return false; } } </script> </head> <body> <form name="f1" action="" method="post" onsubmit="return telef()"> <input type="text" id="tel"/> <input type="submit" value="test"> </form> </body> </html>
Ça ne marchera pas, je persiste, il faut changer cette regexp. Tel que tu le donnes, azerty1 passe le test par exemple, et bon, pas besoin d'être une lumière pour voir que ce n'est pas un numéro de téléphone valide ^^.

04/05/2009, 15h10
SpaceFrog

kirb j'en étais là :

Code:

^([0-9]{2})([ .-]){1}([0-9]{2}\2){2}[0-9]{2}$
04/05/2009, 15h18
k1rby

Haha, grilled ;)

J'en profite pour rappeler que dans une regexp un espace ne se représente pas par ' ' mais par \s ;) et que le caractère . par \., . étant réservé pour représenté n'importe quel caractère :)

Cela donnerai donc :

Code:

var maReg= new RegExp('^([0-9]{2}[\\s\\.\\-]?){3}[0-9]{2}$');
04/05/2009, 15h19
SpaceFrog

sauf dans les classes entre crochets ou l'espace peut etre représetné par ' ' et le . par .
04/05/2009, 15h24
k1rby

Ah ouais ! 8O

J'étais persuadé qu'il fallait les échapper dans tous les cas ^^'

Par contre pour le - faut pas l'échapper lui ? Pasque dans une classe il représente une intervalle.
04/05/2009, 15h31
SpaceFrog

à priori pas si tu le mets en dernière position ..
04/05/2009, 15h43
k1rby

Ok :king:
Merci pour ces précisions :)