Keypress event permettre de saisir seulement des nombres

**witch** · 19/02/2009, 18h12

Bonjour,
J'aimerai interdire de saisir n'importe quelle autre caractères que les nombres, j'utilise une simple regexp, bon ça bloque les autres caractères mais en même temps, ça ne donne pas la main pour modifier ce qu'on a saisie (s'il s'agit des nombres, puisqu'ils ne sont pas interdit )

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
24
25
26
27
28
29
 
.....
 function noChars(e){
      var keynum
      var keychar
      var numcheck
 
if(window.event) // IE
{
   keynum = e.keyCode
}
 else if(e.which) // Netscape/Firefox/Opera
{
  keynum = e.which
}
keychar = String.fromCharCode(keynum);
numcheck = /[^0-9]/;
 
return !numcheck.test(keychar) ;
}
 
 
//  -->
 
</script>
</head>
<body>
<input type ="text" id="test_" onKeyPress="return noChars(event);" >
....

S"il y a une autre façon de faire, ça sera aussi intéressant

Merci

**RomainVALERI** · 19/02/2009, 19h33

Je ne suis pas sûr d'avoir bien compris ton énoncé... mais est-ce que :

Code html :

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

1
2
 
<input type ="text" id="test_" onKeyPress="if (noChars(event)) return false;" >

Code javascript :

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

1
2
3
4
 
// début de la fonction noChars() ...
return numcheck.test(keychar) ; // ici j'ai seulement retiré la négation pour ne pas alourdir le code
}

ne fonctionnerait pas mieux ?

**Bovino** · 19/02/2009, 20h54

@RV : Non, la méthode de witch est bonne, à une chose près :

Code :

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

return !numcheck.test(keychar);

Le ! fait que tu renvoies false si c'est un chiffre et true sinon, donc du coup, tu n'acceptes que les non chiffres

**RomainVALERI** · 19/02/2009, 21h31

Ok bovino je te fais confiance sur la structure je remballe mon if

par contre pour la négation, je viens de refaire le "trajet" deux fois et... je crois bien pourtant que sa fonction ne renvoie false que pour les non-chiffres comme prévu... (ne pas oublier la négation dans les crochets de la regexp ^^)

**Bovino** · 19/02/2009, 22h26

C'est pas mon jour pour les regExp !!! J'avais visuellement inversé le [ et le ^ !
Et en plus, ça me perturbait un peu !
Mais bon... passer par une double négation...

Code :

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

1
2
3
numcheck = /\d/;
 
return numcheck.test(keychar) ;

me semble du coup plus simple !

RV !

**witch** · 19/02/2009, 22h57

Salut

Merci pour vos réponses, mais il parait que je ne suis pas assez claire....
le problème dans ce bout de code est que même si ça ne permet de saisir que des nombres, ça ne permet pas de modifier (effacer) ce qu'on a saisie, ce qui n'est pas normal, c'est comme si ça devient disabled...

Keypress event permettre de saisir seulement des nombres

JavaScript

Vue hybride

Discussions similaires

Partager

Partager