Modifier le code d'une touche...

8 réponses

13/12/2006 à 12:56

Bonjour à tous,

j'ai un champs input qui ne doit contenir que des nombres.
Je souhaite donc, au moment de la saisie, sur chaque caractère,
vérifier si c'est un chiffre ou non.
Si c'est un chiffre, la saisie se fait dans le champs, sinon, la frappe
est annulée.

Dans la partie html, sur le champs input, j'ai l'évènement:
onKeyDown="VerifSiChiffre(event);"

Dans ma fonction, je récupère le code de la touche:
function VerifSiChiffre(evenement)
{
if(evenement.keyCode> 95 & evenement.keyCode <106)
{
alert("if " + evenement.keyCode);
}
else
{
alert("else "+ evenement.keyCode);
}
return true;
}

bon, ça marche bien (je traiterai le cas des touches spéciales s'il le
faut, backspace etc).
Le problème, c'est que je n'arrive pas à annuler la saisie, j'ai essayé
de modifier le KeyCode, mais ça marche pas (refus car propriété en get
uniquement)...

Y-a-t-il une technique pour faire tout ça?
Faut-il utiliser une autre approche?

Par avance merci de vos pistes.

--
On est ce qu'on fait, pas ce qu'on pense ni dit. (Réflexion)
tranquille.xav@free.fr

8 réponses

13/12/2006 à 13:03

Bon, je reconnais que c'est pénible, le fait de poser ma question doit
sans doute m'aider à clarifier le problème, car en faisant ceci:
onKeyDown="return(VerifSiChiffre(event));"
dans le code html, et en modifiant ma fonction comme ceci:
function VerifSiChiffre(evenement)
{
if(evenement.keyCode> 95 & evenement.keyCode <106)
{
return true;
}
else
{
return false;
}
}

ben ça marche, reste plus qu'à traiter les touches spéciales...

S'il y a une solution plus simple, je reste preneur en tout cas, et
merci quand-même :-)

--
Le paradis n'est pas le but du voyage mais le chemin que l'on prend
pour y arriver. (Réflexion)

ASM

13/12/2006 à 15:48

S'il y a une solution plus simple, je reste preneur en tout cas, et
merci quand-même :-)

plus simple ? pas sûr, mais :

<input onkeydown="this.val=this.value;"
onkeyup="if((this.value/1).toString()=='NaN') {
alert('ce n'est pas un nombre');
this.value=this.val;
}">

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé

13/12/2006 à 16:46

*Ecrit* *par* *ASM*:

S'il y a une solution plus simple, je reste preneur en tout cas, et merci
quand-même :-)

plus simple ? pas sûr, mais :

<input onkeydown="this.val=this.value;"
onkeyup="if((this.value/1).toString()=='NaN') {
alert('ce n'est pas un nombre');
this.value=this.val;
}">

j'avais essayé avec this.value, mais sur le keydown, il me renvoie la
valeur du contrôle input et non celui de la frappe...
Mais ton code est différent, je vais tester, bien que j'aie aussi
besoin du keyup pour un autre traitement.
Merci, je tiens au courant.

--
Celui qui veut faire ton bonheur pense d'abord au sien. (Réflexion)

13/12/2006 à 17:00

*Ecrit* *par* *ASM*:

S'il y a une solution plus simple, je reste preneur en tout cas, et merci
quand-même :-)

plus simple ? pas sûr, mais :

<input onkeydown="this.val=this.value;"
onkeyup="if((this.value/1).toString()=='NaN') {
alert('ce n'est pas un nombre');
this.value=this.val;
}">

marche bien, sauf si on s'énerve sur le clavier et qu'on tape
rapidement plusieurs touches à la suite, quelques unes passent au
travers sous FF... et beaucoup sur IE6...
je pense garder le mien (avec gestion des touches spéciales)
merci quand-même :-)

--
Respecter la liberté d'expression n'est pas respecter celui qui
s'exprime mais celui qui écoute. (Réflexion)

ASM

13/12/2006 à 17:54

marche bien, sauf si on s'énerve sur le clavier et qu'on tape rapidement

Ha ! pas essayé : je tape que d'un doigt (ou presque)

je pense garder le mien (avec gestion des touches spéciales)

alors :

function VerifSiChiffre(evenement)
{
return (evenement.keyCode> 95 && evenement.keyCode <106);
}

et à ce compte, de mon côté pour accélérer :

function isNbre(quoi) {
return (quoi.value/1).toString()=='NaN';
}

<input onkeyup="if(isNbre(this)) alert('erreur');">

reste plus qu'à traiter les touches spéciales :-)

http://stephane.moriaux.perso.orange.fr/truc/key_code.htm
http://stephane.moriaux.perso.orange.fr/truc/key_enter_tab.htm

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé

14/12/2006 à 08:14

*Ecrit* *par* *ASM*:
...

je pense garder le mien (avec gestion des touches spéciales)

alors :

function VerifSiChiffre(evenement)
{
return (evenement.keyCode> 95 && evenement.keyCode <106);
}

...

j'ai pas réussi à faire marcher ça... j'en suis ici:
function VerifSiChiffre(evenement)
{
valeur = evenement.keyCode;
if((valeur> 95 && valeur <106) || valeur == 8 || valeur == 46 ||
(valeur> 15 && valeur <19) | (valeur> 36 &&valeur <41))
{
return true;
}
else
{
return false;
}
}

qui me va très bien, quand on tape une touche non autorisée, il ne se
passe rien, exactement ce que je voulais...
Merci pour tout!

--
Faire de la politique, c'est permettre aux autres de choisir en toute
connaissance de cause. (Réflexion)

ASM

14/12/2006 à 10:36

j'ai pas réussi à faire marcher ça... j'en suis ici:

pour éviter les risques de fuite de mémoire de IE garder la variable
dans la fonction :

function VerifSiChiffre(evenement)
{
valeur = evenement.keyCode;

var valeur = evenement.keyCode;

if((valeur> 95 && valeur <106) || valeur == 8 || valeur == 46 ||
(valeur> 15 && valeur <19) | (valeur> 36 &&valeur <41))
{
return true;
}
else
{
return false;
}
}

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé

14/12/2006 à 12:47

*Ecrit* *par* *ASM*:

j'ai pas réussi à faire marcher ça... j'en suis ici:

pour éviter les risques de fuite de mémoire de IE garder la variable dans la
fonction :

function VerifSiChiffre(evenement)
{
valeur = evenement.keyCode;

var valeur = evenement.keyCode;

ok, corrigé, merci!

--
Finalement, la démagogie, c'est quand on n'est pas sincère. Parce que
si on est sincère, hein... (à votre avis)

Modifier le code d'une touche...

8 réponses

Veuillez sélectionner un problème