[RegExp]Contrôle dynamique de champs

**mLk92** · 14/05/2008, 15h42

Salut à tous !

J'ai un petit souci javascript et je n'en voit pas la raison !

J'ai un tableau qui contient plusieurs input, et avec le onblur je teste e qui a été rentré ou non.
Code HTML:

Code :

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

1
2
3
4
5
6
7
8
<body>
This is my HTML page. <br>
 
    <input type="text" id="inputText1" onblur="javascript:fieldControl('inputText1','2');">
    <input type="text" id="inputText2" onblur="javascript:fieldControl('inputText2','3');">
    <input type="text" id="inputText3" onblur="javascript:fieldControl('inputText3','5');">
  </body>
</html>

CODE JS:

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
<script language="Javascript">
		function fieldControl(id, i1)
			{	
				alert(i1);
				var fieldValue = document.getElementById(id).value;
				alert(fieldValue);
				var pattern = /([0-9]{1,3})|([0-9]{1,3}[.][0-9]{0,2})/;
				alert(pattern);
				if(pattern.test(fieldValue)){
					alert("ça marche ");
				} else {
					alert("ca marche pas ");
				}
			}	
	</script>

Dans cette pattern, je veux que mon champs contienne exclusivement des chiffres et le texte doit être du type :

-12
-123
-123.12
-12.02

Les champs du style :

-ahvbae
-123456
-18aelé=)

Doivent renvoyé une erreur.

Problème: Pour détecter les caractères cela fonctionne mais pour le nombre de chiffre tapé (ici 3 autorisés), cela ne fonctionne pas !! (il dit " Ca marche" et non le contraire ...)

Auriez vous une idée ?

Merci pour vos réponses !!!

**SpaceFrog** · 14/05/2008, 16h04

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
<script language="Javascript">
		function fieldControl(val)
			{	
				var fieldValue = val;
				var pattern = new RegExp(/([0-9]{1,3}[^\.]$)|([0-9]{1,3}[.][0-9]{0,2}[^\.]$)/);
				if(pattern.test(fieldValue)){
					alert("ça marche ");
				} else {
					alert("ca marche pas ");
				}
			}	
	</script>
 
 
</head>
 
<body>
 <input type="text" id="inputText1" onblur="fieldControl(this.value);">
    <input type="text" id="inputText2" onblur="fieldControl(this.value);">
    <input type="text" id="inputText3" onblur="fieldControl(this.value);">
 
</body>

**mLk92** · 14/05/2008, 16h28

Tout d'abord merci d'avoir répondu !!

Le contrôle de caractères fonctionne, mais j'ai toujours ce " Ca marche " qui apparait quand j'ai plus de 3 chiffres entrés !!

De plus, il faut que j'ai un nombre de chiffre max dynamique, donc la pattern devrait plutôt avoir une tête de ce style :

Code :

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

1
2
 
var pattern = new RegExp("^([0-9]{0,"+i1+"})|([0-9]{0,"+i1+"}[.][0-9]{0,2})$", "g");

A ton avis ? ou vos avis ?!

**mLk92** · 14/05/2008, 17h05

Je sais pas si j'ai été clair, en fait le i1 est une variable supplémentaire de la fonction, voilà ce que ca devrait être :

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
<script language="Javascript">
 
		function fieldControl(val, i1)
			{	
				alert(i1);		
				var fieldValue = val;
				alert(fieldValue);
				var pattern = new RegExp("([0-9]{1,"+i1+"}[^\.]$)|([0-9]{1,"+i1+"}[.][0-9]{0,2}[^\.]$)", "g");
				alert(pattern);
				if(pattern.test(fieldValue)){
					alert("ça marche ");
				} else {
					alert("ca marche pas ");
				}
			}	
	</script>
  </head>
  <body>
    <input type="text" id="inputText1" onblur="javascript:fieldControl(this.value, 2);">
	<input type="text" id="inputText2" onblur="javascript:fieldControl(this.value, 3);">
	<input type="text" id="inputText3" onblur="javascript:fieldControl(this.value, 5);">
  </body>
</html>

Ce code fonctionne pour détecter les caractères alphabétiques et spéciaux.
Mais il n'arrive pas à limiter le champ aux nombres désirés (c'est à dire 'i1'
)