controle de nombre avec js

**hraiwen** · 04/05/2009, 11h17

bonjour,

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

**k1rby** · 04/05/2009, 12h11

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 :

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

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

**hraiwen** · 04/05/2009, 12h19

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

**RomainVALERI** · 04/05/2009, 12h33

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

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

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

**hraiwen** · 04/05/2009, 13h14

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

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

**RomainVALERI** · 04/05/2009, 13h49

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

**andry.aime** · 04/05/2009, 13h51

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

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

**k1rby** · 04/05/2009, 14h15

Envoyé par hraiwen

Code :

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

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 :

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

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)

**andry.aime** · 04/05/2009, 14h33

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

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

**hraiwen** · 04/05/2009, 14h36

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)

**k1rby** · 04/05/2009, 14h45

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

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

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

**hraiwen** · 04/05/2009, 14h46

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

**k1rby** · 04/05/2009, 14h50

Ma regexp

Code :

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

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.

**andry.aime** · 04/05/2009, 14h55

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

**hraiwen** · 04/05/2009, 15h01

merci bien

**k1rby** · 04/05/2009, 15h09

Envoyé par andry.aime

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

**SpaceFrog** · 04/05/2009, 15h10

kirb j'en étais là :

Code :

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

^([0-9]{2})([ .-]){1}([0-9]{2}\2){2}[0-9]{2}$

**k1rby** · 04/05/2009, 15h18

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 :

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

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

**SpaceFrog** · 04/05/2009, 15h19

sauf dans les classes entre crochets ou l'espace peut etre représetné par ' ' et le . par .

**k1rby** · 04/05/2009, 15h24

Ah ouais !

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.

controle de nombre avec js

JavaScript

Discussions similaires

Partager

Partager