Contrôle de saisie de chiffres dans un textarea

Version imprimable

01/12/2014, 13h30
cahuet-200

Contrôle de saisie de chiffres dans un textarea

Bonjour,

Je suis novice en java script et je me tourne vers vous pour un coup de main.

En fait ce que je voudrais c'est contrôler ce que l'utilisateur saisie dans le textarea et que se soit bien des chiffres que l'on rentre et pas des lettres ou des signes.

J'utilise du regex qui me permet que lorsque l'utilisateur insère un ou plusieurs numéros a ce que le ou les numéros contiennent bien 9 chiffres. Mais le problème est que si on y ajoute entre deux chiffres des lettres, il m'accepte la saisie. Alors qu'il faudrait qu'il prenne que les chiffres et rien d'autre.

J'ai fait un tour sur le forum, et je n'ai pas vu de script correspondant à ma demande, si jamais la réponse y est déjà je m'en excuse.

Merci d'avance pour les réponses.
01/12/2014, 13h58
Nico02

Salut,

Un truc comme var res = mystring.match(/\d{9}/); devrait faire l’affaire je pense.

cdt.

EDIT : Pour compléter un peu, tu peux rajouter le modifier "g" pour matcher toutes les occurrences de nombre faisant exactement 9 chiffres

var res = mystring.match(/\d{9}/g);Avec la variable "res" qui est un tableau qu'il te faudra parcourir pour récupérer tes données.

Tu peux utiliser l'évènement onkeypress du champ et lui rattaché une fonction javascript de ce genre

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
 
 
/*
 * Caractères autorisés pour un champ entier (signé ou non)
 */
function integerKeysAllowed(eventObj)
{
    /*
     * Caractères acceptés :
     *    [0,9]
     */
    var keyCode = getKeyPressed(eventObj);
 
    if ( keyCode >= 48 && keyCode <= 57 ) return true;
    if ( keyCode < 32 ) return true;
    if ( eventObj.ctrlKey && (keyCode == 118 || keyCode == 120 || keyCode == 99) ) return true;
 
    return false;
}
 
 
/*
 * Extraction du code clavier tapé
 */
function getKeyPressed(eventObj)
{
    var keyCode = document.all ? eventObj.keyCode : eventObj.which;
    return keyCode;
}

01/12/2014, 14h13
cahuet-200

Bonjour à tous,
Merci pour vos réponses rapide,

Nico02 je ne comprend pas trop comment utiliser ce que tu à marqué :/

OButterlin je le mets dans mon code php ou dans un fichier a côté .js ?

Car il y a exactement deux textarea un qui concerne les Numéros d'identité (NIP) et un autre qui concerne le numéros de dossiers (NDA);
Pour le NIP il doit contenir 12 chiffres et le NDA doit contenir 9 chiffres.
L'utilisateur peut saisir un ou plusieurs numéros et ils sont séparés par des espaces, retour a la ligne ... :/

Voila toute la complexité de mon problème.
Merci d'avance
01/12/2014, 14h17
OButterlin

C'est du code javascript, tu peux le mettre dans un fichier à part avec une extension .js ou dans ta page à l'intérieur de balises <script type="text/javascript"> </script>
Pour ce qui est du contrôle, tu peux adapter ce que je t'ai montré, y mettre une expression régulière si tu préfères... le truc c'est que la méthode est appelée à chaque fois que tu tapes un caractère.

A la base voila mon 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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
<?php
 
  include( "../include/infirst.inc"  );
  include( "../include/myfuncts.inc" );
  include( "../include/my_sgbd.inc"  );
  include( "../include/jquery_footer.js");
 
  // vérification de la présence du cookie de l'utilisateur
 
	Entete();
	Titre_Page("Message" );
	Haut_TCorps();
	$appli = $_POST['abonne_destinataire'];   
	$TYPE_MSG = $_POST['TYPE_MSG'];
	$FORMAT_MSG1 = $_POST['FORMAT_MSG1'];
	$FORMAT_MSG = $_POST['FORMAT_MSG'];
	$NIP_LST=$_POST['NIP_LST'];
	$NDA_LST=$_POST['NDA_LST'];
 
 
	echo "	<H1><center>Réemission des messages</center></H1></br> ";
 
	echo " <p> Pour quelles applications voulez vous réemettre :</p> "; 
	echo "  <FORM method='post' id='Application' action='test2.php'> \n";
 
			 $hl7_IMS_ABONNE = $_POST['hl7_IMS_ABONNE'];
 
			 $requete = 'SELECT RECEIVING_APPLICATION FROM hl7_IMS_ABONNE order by 1' ;
			 $res= exec_select( 'ORACLE8', 'TCPAGE', $requete,'', $trace=true );
	echo " 	<select  id='abonne' name='abonne_destinataire' onchange='submit()'>";
			for($i=0 ; $i < sizeof($res); $i++)
			{
 
				$resultat=($res[$i]['RECEIVING_APPLICATION']);
				if($resultat == $appli)
				{
					echo " <option selected ='selected' value='".$resultat."'>".$resultat."</option>";
				}
				else
				{
					echo " <option value='".$resultat."'>".$resultat."</option>";
 
				}
			}
	echo "	</select><br>";
 
	echo "	<p>Vous avez sélectionné l'application : ";
			$appli = $_POST['abonne_destinataire'];
	echo 	$appli;
	echo " </br></br> ";
 
	/*--------------------------------------------------------------------------------------------*/
 
	echo "	<p>Quel type de message ou collection (MSG ou LST) voulez vous réemettre : <br><br>";
			$requete1 = 'SELECT DISTINCT TYPE_MSG FROM hl7_IMS_REEMIS order by 1' ;
			$res1= exec_select( 'ORACLE8', 'TCPAGE', $requete1,'', $trace=true );
	echo " 	<select  id='TYPE_MSG' name='TYPE_MSG'  onchange='submit()'>";
			for($i=0 ; $i < sizeof($res1); $i++)
			{
 
				$resultat1=($res1[$i]['TYPE_MSG']);
				if($resultat1 == $TYPE_MSG)
				{
					echo " <option selected ='selected' value='".$resultat1."'>".$resultat1."</option>";
				}
				else
				{
					echo " <option value='".$resultat1."'>".$resultat1."</option>";
 
				}
			}
 
	echo "	</select><br>";
 
			$TYPE_MSG = $_POST['TYPE_MSG'];
			echo "</br> La valeur que vous avez sélectionné est : ".$TYPE_MSG;
			echo "</br></br>";
 
/* -------------------------------------------Condition pour le MSG  --------------------------------------------*/			
 
			if($TYPE_MSG == 'MSG')
			{	
	echo " 		<select name='FORMAT_MSG1' id='FORMAT_MSG1' onchange='submit()'>";
					if($FORMAT_MSG1 == '')
						{
							echo "	<option selected ='selected' value=''></option>";
						}
					else {
						echo "	<option value=''></option>";
					}
					if($FORMAT_MSG1 == 'M1')
						{
							echo "	<option selected ='selected' value='M1'>M1</option>";
						}
					else {
						echo "	<option value='M1'>M1</option>";
					}
					if($FORMAT_MSG1 == 'M2')
					{
						echo "	<option selected ='selected' value='M2'>M2</option>";
					}
					else {
						echo "	<option value='M2'>M2</option>";
					}
					if($FORMAT_MSG1 == 'M6')
					{
						echo "	<option selected ='selected' value='M6'>M6</option>";
					}
					else {
						echo "	<option value='M6'>M6</option>";
					}
					if($FORMAT_MSG1 == 'M8')
					{
						echo "	<option selected ='selected' value='M8'>M8</option>";
					}
					else {
						echo "	<option value='M8'>M8</option>";
					}
					if($FORMAT_MSG1 == 'M9')
					{
						echo "	<option selected ='selected' value='M9'>M9</option>";
					}
					else {
						echo "	<option value='M9'>M9</option>";
					}
	echo"		</select>";
			}
			$FORMAT_MSG1 = $_POST['FORMAT_MSG1'];
			echo "</br></br>";
 
			if($FORMAT_MSG1 == 'M1')
			{
				if (isset($_POST['NIP_MSG']))
				{		
					$NIP_MSG=$_POST['NIP_MSG'];
				}else {
					$NIP_MSG = '';
				}
 
				echo " Le(s) NIP que vous voulez rejouer est : ";
				echo "<center><textarea id='NIP_MSG' name='NIP_MSG' rows='3' cols = '50'>";
				echo $NIP_MSG;
				echo "</textarea></center>";
				//on découpe la chaîne en fonction des espaces rencontrés (eclatement d'une chaine)
 
				$pattern = '/^(\d{12}\\s*)*$/';
				$result = preg_match($pattern, $NIP_MSG);
			    $listNumPatient = preg_split('/[\s]+/', $NIP_MSG);
			    $i = 1;
			    $lenghtNumPatient = 12;
 
			    foreach ($listNumPatient as $numPatient) 
				{
				    if ($numPatient != '') 
				    {
				    	// La longueur actuelle est numDossier
				        $actualLength = strlen($numPatient);
				        // si la longueur de numDossier < 12 OU si la longueur de numDossier > 12
				        if ($actualLength < $lenghtNumPatient || $actualLength > $lenghtNumPatient) 
					    {
				        	echo '<p>Le numéro de dossier "' . $numPatient . '" (saisi en n°' . $i . ') fait moins ou plus de ' . $lenghtNumPatient . ' caractères</p>';
				        } else 
				        {
				            echo '<p>Le numéro de dossier "' . $numPatient . '" est valide.</p>';
				        }
			        	$i++;
				    }
				}
			}else
			{		
 
				if (isset($_POST['NDA_MSG']))
				{
					$NDA_MSG=$_POST['NDA_MSG'];
				}else {
					$NDA_MSG = '';
				}
 
				echo " Le(s) NDA que vous voulez rejouer est : ";
				echo "<center><textarea id='NDA_MSG' name='NDA_MSG' rows='3' cols = '50'>";
				echo $NDA_MSG;
				echo "</textarea></center>";
				$pattern = '/^(\d{9}\\s*)*$/';
				$result = preg_match($pattern, $NDA_MSG);
 
				//on decoupe la chaine en fonction des espaces rencontres
			    $listNumDossiers1 = preg_split('/[\s]+/', $NDA_MSG);
			    //le dernier item est vide car la chaine se termine par un espace ce qui cree une entree
 
				$i = 1; // pour aider l'utilisateur à savoir quel numéro de dossier il a mal saisi
				$lenghtNumDossier1 = 9;
				foreach ($listNumDossiers1 as $numDossier1) 
				{
				    if ($numDossier1 != '') 
				    {
				        $actualLength1 = strlen($numDossier1);
				        // si la longueur de numDossier < 9 OU si la longueur de numDossier >9
				        if ($actualLength1 != $lenghtNumDossier1 ) 
				        {
				        	echo '<p>Le numéro de dossier "' . $numDossier1 . '" (saisi en n°' . $i . ') fait moins ou plus de ' . $lenghtNumDossier1 . ' caractères</p>';
				        } else 
				        {
				            echo '<p>Le numéro de dossier "' . $numDossier1 . '" est valide.</p>';
				        }
				        $i++;
				    }
				}
			}
 
 
/* -------------------------------------------Condition pour le LST  --------------------------------------------*/			
 
			if($TYPE_MSG == 'LST')
			{
	echo " 		<select name='FORMAT_MSG' id='FORMAT_MSG' onchange='submit()'>";
					if(FORMAT_MSG == '')
					{
						echo "	<option selected ='selected' value=''></option>";
					}
					else {
					echo "	<option value=''></option>";
					}
					if(FORMAT_MSG == 'DOSP')
					{
						echo "	<option selected ='selected' value='DOSP'>DOSP</option>";
					}
					else {
						echo "	<option value='DOSP'>DOSP</option>";
					}
					if(FORMAT_MSG == 'NDOS')
						{
							echo "	<option selected ='selected' value='NDOS'>NDOS</option>";
						}
					else {
						echo "	<option value='NDOS'>NDOS</option>";
					}
 
					if(FORMAT_MSG == 'DSIT')
					{
						echo "	<option selected ='selected' value='DSIT'>DSIT</option>";
					}
					else {
						echo "	<option value='DSIT'>DSIT</option>";
					}
	echo "		</select>";
			}
	echo "	</br>";
 
			$FORMAT_MSG = $_POST['FORMAT_MSG'];
 
			if($FORMAT_MSG == 'DOSP')
			{
				if (isset($_POST['NIP_LST']))
					{	
						$NIP_LST=$_POST['NIP_LST'];
					}else 
					{
						$NIP_LST = '';
					}
				echo " 	Le(s) NIP que vous voulez rejouer est : ";
				echo " <center><textarea id='NIP_LST' name='NIP_LST' rows='3' cols = '50'>";
				echo $NIP_LST;
				echo " </textarea></center>";
 
				$pattern = '/^([0-9]{12}\\s*)*$/';
				$result_LST_NIP = preg_match($pattern, $NIP_LST);
			    $listNumPatientLST = preg_split('/[\s]+/', $NIP_LST);
			    $i = 1;
			    $lenghtNumPatientLST = 12;
 
			    foreach ($listNumPatientLST as $numPatientLST) 
				{
				    if ($numPatientLST != '') 
				    {
				        $actualLengthLST = strlen($numPatientLST);
				        // si la longueur de numDossier < 12 OU si la longueur de numDossier > 12
				        if ($actualLengthLST != $lenghtNumPatientLST) 
					    {
				        	echo '<p>Le numéro de dossier "' . $numPatientLST . '" (saisi en n°' . $i . ') fait moins ou plus de ' . $lenghtNumPatientLST . ' caractères</p>';
				        } else 
				        {
				            echo '<p>Le numéro de dossier "' . $numPatientLST . '" est valide.</p>';
				        }
			        	$i++;
				    }
				}
			}else
			{
				if (isset($_POST['NDA_LST']))
				{
					$NDA_LST=$_POST['NDA_LST'];
				}else 
				{
					$NDA_LST = '';
				}
 
				echo " Le(s) NDA que vous voulez rejouer est : ";
				echo "<center><textarea id='NDA_LST' name='NDA_LST' rows='3' cols = '50'>";
				echo $NDA_LST;
				echo "</textarea></center>";
				$pattern = '/^(\d{9}\\s*)*$/';
				$result_LST_NDA = preg_match($pattern, $NDA_LST);
				$listNumDossiersLST1 = preg_split('/[\s]+/', $NDA_LST);
			        $i = 1; // pour aider l'utilisateur à savoir quel numéro de dossier il a mal saisi
				$lenghtNumDossierLST1 = 9;
				foreach ($listNumDossiersLST1 as $numDossierLST1) 
				{
				    if ($numDossierLST1 != '') 
				    {
						$actualLengthLST1 = strlen($numDossierLST1);
				    	if ($actualLengthLST1 < $lenghtNumDossierLST1|| $actualLengthLST1 > $lenghtNumDossierLST1) 
				        {
				        	echo '<p>Le numéro de dossier "' . $numDossierLST1 . '" (saisi en n°' . $i . ') fait moins ou plus de ' . $lenghtNumDossierLST1 . ' caractères</p>';
				        } else 
				        {
				            echo '<p>Le numéro de dossier "' . $numDossierLST1 . '" est valide.</p>';
				        }
				        $i++;
				    }
				}
			}		
 
			echo "<center><input type='submit' name='valid' value='Sauver' style='width:100px'></center>";			
			echo "	<br><br>";
		echo "	</FORM>";
 
?>

J'utilise bien une expression régulière mais cela ne suffis pas j'ai l'impression, lorsque l'utilisateur la entre par exemple 987654321 789456123 pour le NDA cela fonctionne et si il rentre 78945612Y uio231654 cela fonctionne aussi.
Alors que dans l'expression régulière je lui dis que je veut que des chiffres et rien d'autres :/ ...

Merci d'avance et surtout merci de répondre

En fait je suis resté sur l'expression régulière qui contrôle la saisie.

Tu récupères la valeur de ton champ texte, et tu lance la regexp dessus

Ex :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<textarea id="text" rows="5" cols="50">
"Ici j'ai pleins de texte avec des 012345678 et des 984563214 et aussi des 987456321 et je veux extraire les numéros mais pas de 12s3257 ou de 6577"
</textarea>
<br>
<button onclick="myFunction()">Try it</button>
 
<p id="res"/>
 
<script>
function myFunction() {
    var str = document.getElementById("text").value;
    var res = str.match(/\d{9}/g);
    document.getElementById("res").innerHTML = 'Liste des nombres valide : ' + res;
 
}
</script>

Ca donne -> Liste des nombres valide : 012345678,984563214,987456321

Je comprend bien ce que vous dites, mais lorsque moi je le fais avec mon code, cela ne fonctionne pas vraiment car il me prend autant ceux qui sont avec que des chiffres et ceux aussi ou il comporte des lettres.
A moins que se soit une faute de ma part en le mettant dans mon 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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
$TYPE_MSG1 = $_POST['TYPE_MSG1'];
			echo "</br></br>";
 
			if($TYPE_MSG1 == 'M1')
			{
				if (isset($_POST['NIP']))
				{		
					$NIP=$_POST['NIP'];
				}else {
					$NIP = '';
				}
 
				echo " Le(s) NIP que vous voulez rejouer est : ";
				echo "<center><textarea id='NIP' name='NIP' rows='3' cols = '50'>";
				echo $NIP;
				echo "</textarea></center>";
 
				echo " <button onclick='myFunction()'>Try it</button>
				<p id='res'/>
				<script>
				function myFunction() {
				    var str = document.getElementById('text').value;
				    var res = str.match(/\d{9}/g);
				    document.getElementById('res').innerHTML = 'Liste des nombres valide : ' + res;
				}
				</script>";
				//on découpe la chaîne en fonction des espaces rencontrés (eclatement d'une chaine)
				$result = preg_match('/^([0-9]{12}\s*)*$/', $NIP);
				var_dump($result);
				//on découpe la chaîne en fonction des espaces rencontrés
				$listNumPatient = preg_split('/[\s]+/', $NIP);
				var_dump($listNumPatient);
			    $i = 1;
			    $lenghtNumPatient = 12;
 
			    foreach ($listNumPatient as $numPatient) 
				{
				    if ($numPatient != '') 
				    {
				    	// La longueur actuelle est numDossier
				        $actualLength = strlen($numPatient);
				        // si la longueur de numDossier < 12 OU si la longueur de numDossier > 12
				        if ($actualLength != $lenghtNumPatient ) 
					    {
				        	echo '<p>Le numéro de dossier "' . $numPatient . '" (saisi en n°' . $i . ') fait moins ou plus de ' . $lenghtNumPatient . ' caractères</p>';
				        } else 
				        {
				            echo '<p>Le numéro de dossier "' . $numPatient . '" est valide.</p>';
				        }
			        	$i++;
				    }
				}
			}

01/12/2014, 15h42
Nico02
Bon déjà ton code à toi est en Php et non en Javascript.

Si on regarde ton expression régulière, tu écris $result = preg_match('/^([0-9]{12}\s*)*$/', $NIP); mais à aucun moment tu n'exploites ce résultat! Tu ne fais que afficher la variable "$result" qui contient simplement un entier qui indique si il a trouvé ou non ce qu'il cherche. C'est après que tu fais $listNumPatient = preg_split('/[\s]+/', $NIP); et que tu exploite le résultat avec foreach ($listNumPatient as $numPatient). Donc c'est normal que le résultat ne soit pas celui attendu!

Ensuite si on regarde la doc sur la fonction preg_match on voit que cette fonction prends un paramètre optionnel qui permet de stocker les valeurs qui ont matché avec ton pattern. Il te faudrait écrire preg_match('/^([0-9]{12}\s*)*$/', $NIP, $result); où la variable "$result" sera rempli avec le texte qui match avec ton pattern (qui au passage ici vérifie qu'il y a 12 chiffres d'affilé et non pas 9, suivit de 0 ou * espaces).

Ensuite il te faut exploiter ce résultat.
Code:

1 2 3 4 5 foreach ($result as $e) { echo $e; }
01/12/2014, 15h51
cahuet-200

Le problème est résolu, merci à tous pour votre aide !