N'autoriser que certains caractéres

Version imprimable

Bonjour à tous,

j'ai un champ textarea et je voudrait autoriser uniquement que les 1234567890 et les "-"

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
 
function IntegerOnly (evt) {  
 
      evt = (evt) ? evt : ((event) ? event : null);
 
 
 
      var code = evt.keyCode;
 
 
 
      // Si la touche pressée n'appartient pas aux chiffres 1 à 9 
 
      // et que ce n'est ni la touche backspace, ni la touche TAB, ni l'une des flèches gauche/droite, ni la touche DEL,
 
      //  alors: annule la frappe.
 
      if ((code < 48 || code > 57) && (code != 38)) 
 
        { evt.returnValue = false;  // méthode pour MSIE, marche aussi avec Safari, ignorée par Firefox (aucun problème)
 
          evt.preventDefault();  // méthode pour Firefox (marche aussi avec Safari)
 
 
 
          // Manque une méthode pour Netscape (7.0) et Opera (7.0)
 
        }                                                                          
 
 
 
    }

j'ai trouver ceci comme code, mais le probleme par exemple je suis sur un portable la touche 1 à comme affectation aussi "&".

Avec le code ci-dessus, si j'essai azertyu.etc... ça semble marcher, mais par contre si j'appuie sur le 1 sans etre en majuscule (donc &) le & s'affiche dans le champ.

Comment résoudre ce problème ?

Merci

guigui69

re bonjour

J'ai trouver ce code:
Code:

1 2 3 4 5 6 7 8 9 10 function ejs_code_clavier(keyStroke) { ejs_code_eventChooser = (!document.all) ? keyStroke.which : event.keyCode; ejs_code_which = String.fromCharCode(ejs_code_eventChooser).toLowerCase(); alert('Vous avez appuyé sur la touche '+ejs_code_which); var regexp = /[-0-9]+/; var test = (regexp.test (ejs_code_which))? true: false; // Vaut false } document.onkeypress = ejs_code_clavier;
Le problème il me détecte 2 touches. exemple quand j'appuie sur le 1 il me met en alert le "1" puis le second alert le "&".
(alors que sur le site ou j'ai trouver le code il me detecte bien une touche)
Quel erreur est-je commis?

Merci

guigui69

22/10/2009, 10h40
gwyohm

Tu n'observes que onkeypress ?
On peut voir youye la page ?
22/10/2009, 11h03
SpaceFrog

mieux vaut le faire sur le onblur

J'ai trouver ceci comme 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
 
function ejs_code_clavier(keyStroke)
	{
	ejs_code_eventChooser = (!document.all) ? keyStroke.which : event.keyCode;
	ejs_code_which = String.fromCharCode(ejs_code_eventChooser).toLowerCase();
	//alert('Vous avez appuyé sur la touche '+ejs_code_which);
 
	var regexp = /[-0-9]+/;
	var test = (regexp.test (ejs_code_which))? true: false; // Vaut false
	//alert (test);
	if(test == false)
	     { keyStroke.returnValue = false;  // méthode pour MSIE, marche aussi avec Safari, ignorée par Firefox (aucun problème)
 
          keyStroke.preventDefault();  // méthode pour Firefox (marche aussi avec Safari)
 
 
          // Manque une méthode pour Netscape (7.0) et Opera (7.0)
 
        }   
		else
		{
		}
	}
document.onkeypress = ejs_code_clavier;

Par contre le probleme c'est qu'il affecte a tout les champs de ma page je voudrait juste qu'il realise cette fonction sur 2 champs.

Code:

1
2
3
4
 
<td>Client:</td><td><textarea name="client_idr" id="client_idr" rows="3" cols="30" onkeyup="ejs_code_clavier(event,this.id)" ></textarea></td>
</tr><tr>
<td>Produit:</td><td><textarea name="produit_idr" id="produit_idr" rows="3" cols="30" onkeyup="ejs_code_clavier(event,this.id)" ></textarea></td>

Quel partie du code je doit modifier?

merci

guigui69

04/11/2009, 15h04
kimjoa

d'accord avec spaceFrogue , t'auras juste a appliquer une regExp, et retourner e focus si ca ne convient pas
04/11/2009, 15h17
guigui69

Je n'ai pas compris

Pourrais-tu m'expliquer?

Merci

guigui69

ce que je comprend pas aussi:

ma page

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<table id="tableau_classique">
<tr>
<td>Date</td>
<td><input type="text" value="<?php $date= date("d/m/Y"); echo $date;?>" name="date_idr" size="10" maxlength="10" />
</td>
</tr><tr>
<td>Client:</td><td><textarea name="client_idr" id="client_idr" rows="3" cols="30" onfocus="ejs_code_clavier(event)" ></textarea></td>
</tr><tr>
<td>Produit:</td><td><textarea name="produit_idr" id="produit_idr" rows="3" cols="30" onfocus="ejs_code_clavier(event)" ></textarea></td>
</tr><tr>
<td> Fournisseur</td><td><textarea name="fournisseur_idr" rows="3" cols="30"></textarea></td>
</tr><tr>
<td>Information</td><td><textarea name="information_idr" rows="3" cols="30"></textarea></td>
</tr>
<tr>
<td> Document:</td><td><input name="document_id" type="file" class="bouton1"/></td></tr>
<tr>
<td> Document Finalisé:</td><td><input name="fin_idr" type="radio" value="1" class="bouton1"/> Oui</td></tr>
</table>

il y qu'au niveau de produit et client que j'appelle cette fonction pourtant elle s'applique sur l'ensemble de ma page ( Si je tape une lettre sur le champ information il m'applique cette fonction)

Pourquoi?

Merci

guigui69

J'ai trouver ce code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function chiffres(event) { // Compatibilité IE / Firefox if(!event&&window.event) { event=window.event; } // IE if(event.keyCode < 48 || event.keyCode > 57) { event.returnValue = false; event.cancelBubble = true; } // DOM if(event.which < 48 || event.which > 57) { event.preventDefault(); event.stopPropagation(); } }
sur devellopez, il me va bien sauf que je voudrait juste autoriser la touche espace en plus des chiffres. Quel serait la méthode?

Merci
guigui69

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function chiffres(event) {
// Compatibilité IE / Firefox
if(!event&&window.event) {
event=window.event;
}
// IE
if((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 32) {
event.returnValue = false;
event.cancelBubble = true;
}
// DOM
if((event.which < 48 || event.which > 57) && event.which != 32) {
event.preventDefault();
event.stopPropagation();
}
}

c'est exactement le code que j'ai trouvé:)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function chiffres(event) {
// Compatibilité IE / Firefox
if(!event&&window.event) {
event=window.event;
}
if((event.keyCode < 45 || event.keyCode > 57) &&  event.keyCode != 32 &&  event.keyCode != 8 &&  event.keyCode != 0) 
event.returnValue = false;
event.cancelBubble = true;
 
if((event.which < 45 || event.which > 57)  &&  event.which != 32  &&  event.which != 8  &&  event.which != 0 ) 
event.preventDefault();
event.stopPropagation();
 
}