contrôler la saisie

Version imprimable

18/01/2009, 12h26
jamdinhe

contrôler la saisie

Bonjour a tous,

je suis en ce moment en plein projet de fin d'études ... et je "Bloque" face a un problème que je n'avais pas en Delphi :roll:

enfait, je voudrais empecher l'utilisateur d'introduire une valeur interdite par une contrainte d'integrité, par exp : touche alphabétique dans un champ numérique)

le scénario est simple, dans un champ de saisie <input type="text" /> qui ne doit contenir que des chiffres, si l'utilisateur saisie au clavier une lettre alphabétique, la saisie doit etre automatiquement bloquée par une fonction JavaScript.

a quoi doit ressembler ma fonction ?

merci a tout ceux qui veulent aider
AminE
18/01/2009, 12h34
Bovino

Merci de faire une petite recherche dans la FAQ ! ;)
18/01/2009, 12h51
jamdinhe

ce n'est pas ce que je cherche vraiment, car il m'empeche aussi de supprimer, et je n'arrive pas a modifier son code, car je voudrais aussi autoriser des points pour les virgules flottantes et des tirets pour les dates...

sinon, je vous remercie et j'attend davantages réponses

PS : vous ne faites pas parties des développeurs PikXDK ?
18/01/2009, 13h33
Niki59

Bonjour,

Essaye ceci :

Code:

<input type="text" onKeypress="if(event.keyCode > 31 && (event.keyCode < 45 || event.keyCode > 57)) event.returnValue = false; if(event.which > 31 && (event.which < 45 || event.which > 57)) return false;" />
18/01/2009, 17h24
bigboomshakala

Citation:

Envoyé par jamdinhe

je voudrais aussi autoriser des points pour les virgules flottantes et des tirets pour les dates...

c'est exactement ce que tu cherches, sauf que c'est à toi de modifier la condition. l'exemple présenté n'autorisent que les chiffres, à toi d'étendre à ta liste de caractères autorisées.
20/01/2009, 10h27
jamdinhe

Citation:

Envoyé par bigboomshakala

c'est exactement ce que tu cherches, sauf que c'est à toi de modifier la condition. l'exemple présenté n'autorisent que les chiffres, à toi d'étendre à ta liste de caractères autorisées.

C'est vrai, mais je ne réussis pas a trouver un tableau qui me donne toute la liste des "event.keycode"... le peut que j'ai trouvé me donne plusieurs "event.keycode" pour une même touche (diference des navigateurs) ... :cry:

Ce que je cherche a faire, c'est come je faisait en delphi, je compare a la valeur de la touche pressée et non pas a son "event.keycode".

Merci encore,

j'attend votre aide ;)
20/01/2009, 10h42
bigboomshakala

le keycode c'est simplement le code ascii (qui correspond à la valeur de la touche pressée...)

Citation:

Ce que je cherche a faire, c'est come je faisait en delphi, je compare a la valeur de la touche pressée et non pas a son "event.keycode".

quelle autre valeur tu penses pouvoir récupérer pour la touche entrée, la tabulation ou les flèches par exemple?
20/01/2009, 10h46
DoubleU

Citation:

Envoyé par Bovino

Merci de faire une petite recherche dans la FAQ ! ;)

A noter que l'entrée dans la FAQ est fausse (ou tout du moins, fonctionne partiellement uniquement).

Citation:

Envoyé par jamdinhe

C'est vrai, mais je ne réussis pas a trouver un tableau qui me donne toute la liste des "event.keycode"... le peut que j'ai trouvé me donne plusieurs "event.keycode" pour une même touche (diference des navigateurs) ... :cry:

Ce que je cherche a faire, c'est come je faisait en delphi, je compare a la valeur de la touche pressée et non pas a son "event.keycode".

En delphi, c'est facile parce que t'as un runtime unique. En javascript, ce n'est pas le cas car chaque navigateur implémente le truc à sa façon, donc c'est une vraie galère.

Pour avoir fait ce genre de trucs pas plus tard qu'hier, je ne peux que te conseiller ce site pour voir les différences dans la gestion des événements selon les navigateurs.

PS: utilise onkeydown et non onkeypress qui est très mal géré selon les navigateurs.
20/01/2009, 10h56
Bovino

Citation:

Envoyé par DoubleU

A noter que l'entrée dans la FAQ est fausse (ou tout du moins, fonctionne partiellement uniquement).

:koi:
Pourrais-tu en dire plus, car je viens de tester (IE6/7 FF2 Opera Safari Chrome) et je n'ai pas trouvé d'erreur...

Petit code trouvé ici sur le site (merci les modérateurs pour votre boulot :king: )

En l'occurrence ce code est de Bisûnûrs, Responsable
(X)HTML/CSS 8-)

dans le head:
Code:

1 2 3 4 5 6 7 8 9 /*Fonction qui ne permettra que la saisie de chiffres dans un input*/ function chiffres(objInput){ var reg = /^[0-9]*$/; if(!reg.test(objInput.value)){ objInput.value = objInput.value.substring(0,objInput.value.length-1); } }
dans ton input:
Code:

1 2 CODE POSTAL<sup>*</sup>: <input type="text" name="code_postal" id="code_postal" maxlength="5" onkeyup="chiffres(this)" onkeydown="chiffres(this)"/><br/>
La g pris un de mes imputs pour l'exemple

Tu a plus qu'a mettre a ta sauce ;)

Apres avec la regex tu fais ce que tu veux :mouarf:

Pour autoriser les lettres minuscules:

Code:

1
2
3
4
5
6
7
8
 
function chiffreslettres(objInput){
   var reg = /^[a-z]*$/;
 
   if(!reg.test(objInput.value)){
      objInput.value = objInput.value.substring(0,objInput.value.length-1);
   }
}

majuscules:

Code:

1
2
3
4
5
6
7
8
 
function chiffreslettres(objInput){
   var reg = /^[A-Z]*$/;
 
   if(!reg.test(objInput.value)){
      objInput.value = objInput.value.substring(0,objInput.value.length-1);
   }
}

Minuscules et majuscules:

Code:

1
2
3
4
5
6
7
8
 
function chiffreslettres(objInput){
   var reg = /^[a-zA-Z]*$/;
 
   if(!reg.test(objInput.value)){
      objInput.value = objInput.value.substring(0,objInput.value.length-1);
   }
}

et ainsi de suite :P

20/01/2009, 11h06
DoubleU

Au temps pour moi, j'avais oublié d'écrire un truc dans mon test ^^

Merci a touuuuuuuuuuuuus :D

tout ce que je reçoit est vivement utile et il Fonctionne,

en même temps, j'ai trouvé sur le net un trés beau script qui fait ce que je cherche sauf que je ne réussis pas a le modifier afin de n'autoriser qu'un seul Point pendant la saisie...

Voici le 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 // copyright 1999 Idocs, Inc. http://www.idocs.com // Distribute this script freely but keep this notice in place function numbersonly(myfield, e, dec) { var key; var keychar; if (window.event) key = window.event.keyCode; else if (e) key = e.which; else return true; keychar = String.fromCharCode(key); // control keys if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) ) return true; // numbers else if ((("0123456789").indexOf(keychar) > -1)) return true; // decimal point jump else if (dec && (keychar == ".")) { myfield.form.elements[dec].focus(); return false; } else return false; }
si vous remarquer, je peut autoriser le point comme je peut le bloquer rien qu'en ignorant le paramètre "dec"a l'appel de la fonction.

Merci a vous de m'aider a le modifier pour n'autoriser qu'une seule fois la saisie du point. ;)