Discussion :

[arkienou]

Bonjour,
Je souhaiterais programmer, en JavaScript, une petite fonction telle qu'une zone de texte n'accepte que les caractères de type numérique(0,1,2,...,9).
Quelqu'un pourrait-il m'aider?
Merci d'avance

[legillou]

Je sais pas si c'est vraiment ca que tu veux, mais tu peux verifier si le champs est numerique apres validation d'un formulaire ?

Dans ce cas, lance une fonction de verification du style

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
function IsNumeric(sText)
 
{
   var ValidChars = "0123456789.";
   var IsNumber=true;
   var Char;
 
 
   for (i = 0; i < sText.length && IsNumber == true; i++) 
      { 
      Char = sText.charAt(i); 
      if (ValidChars.indexOf(Char) == -1) 
         {
         IsNumber = false;
         }
      }
   return IsNumber;
 
   }

[linar009]

Rajoute ça dans la balise de ton input :

Code :

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

onkeyup='fonction(monChamp)';

Et présente ta fonction de la sorte :

Code :

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

1
2
3
4
5
6
7
8
9
function fonction(monChamp) {
reg = new RegExp("[^0-9]", "i");
    if (!reg.test(monChamp.value)){
  //un traitement quelconque 
   }else{
      alert('Vous devez saisir un nombre');
      monChamp.value = '1';
    }
}

[arkienou]

Merci à vous legillou et linar009,
J'ai opté pour la solution de linar009, car je ne voulais pas soumettre le formulaire avant d'effectuer le contrôle. J'ai apporté une petite modif pour mieux répondre à mon souhait (si l'on saisit un caractère non numérique, ce dernier est supprimé en conservant les caractères numériques déjà saisis éventuellement).

Code :

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

1
2
3
4
5
6
7
8
9
function fonction(monChamp) {
reg = new RegExp("[^0-9]", "i");
    if (!reg.test(monChamp.value)){
  		//un traitement quelconque 
   	}else{
      alert('Vous devez saisir que des caractères numériques');
	  monChamp.value = monChamp.value.substring(0,monChamp.value.length-1);
	}
}

et l'appel est fait sur la zone de texte suivante:

Code :

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

<input name="tel_salarie" type="text" onkeyup="fonction(tel_salarie)"/>

Merci encore à vous 2 qui m'avez sauvé!!!! :-)
Bon aprem!

[legillou]

De rien, et surtout, n'oublie pas le bouton RESOLU

[linar009]

Y'a pas de quoi.
A votre service.