Autoriser uniquement les numéros ou point décimal dans le champ de formulaire

J'ai limité le champ de saisie de chiffres uniquement par le biais de js, mais je suis pas sûr de savoir comment permettre également de décimales...

function isNumberKey(evt)
      {
         var charCode = (evt.which) ? evt.which : event.keyCode
         if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;

         return true;
      }

Vous en remercie d'avance!

Réponse:

function isNumberKey(evt)
 {
 var charCode = (evt.which) ? evt.which : event.keyCode
 if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 46)
    return false;

 return true;
 }

L'ajout de la charCode 46 a parfaitement fonctionné (pression de touche de la valeur). 190 et 110 n'a rien fait.

Merci pour votre aide à tous!

OriginalL'auteur SirBdon | 2013-07-11

forms javascript

8

Codes dépendent de l'événement pour lequel vous êtes en train d'écouter, il est facile de trouver ce que vous voulez, c'est à l'aide de la JavaScript Événement KeyCode Page de Test ici avec test d'entrée, par exemple pour un arrêt complet (le . gauche décalage à droite) vous avez
```
               onKeyDown    onKeyPress    onKeyUp
event.keyCode        190            46        190
event.charCode         0            46          0
event.which          190            46        190
```
et pour le . sur le pavé numérique, il est
```
               onKeyDown    onKeyPress    onKeyUp
event.keyCode        110            46        110
event.charCode         0            46          0
event.which          110            46        110
```
Comme vous pouvez le voir, il est plus uniforme de vérifier avec onKeyPress avec charCode qui est-il du numéro unicode; String.fromCharCode(46); //".".

Il y a un liste complète sur le MDN page pour KeyboardEvent où il est aussi indiqué

Note: les développeurs Web ne devriez pas utiliser de mot de code de l'attribut de imprimable clés dans keydown et keyup des gestionnaires d'événements. Comme décrit ci-dessus, le mot de code n'est pas utilisable pour la vérification de caractère qui sera entré en particulier lorsque la touche Maj ou la touche AltGr enfoncée. Lorsque les développeurs web mettre en œuvre des touches de raccourci gestionnaire d'événement keypress est mieux de l'événement à cet effet sur Gecko au moins. Voir Gecko Événement Keypress pour le détail.

Vous pouvez observer l'étrange effets de l'utilisation AltGr ou Maj sur keyCode avec la touche de votre choix dans la page de test je lien.

Merci à tous pour votre aide. J'ai été capable de le faire fonctionner avec: fonction isNumberKey(evt) { var charCode = (evt.qui) ? evt.qui : l'événement.mot de code si (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 46) return false; return true; } La charCode 46 travaillé, les autres n'ont pas. Merci!

OriginalL'auteur Paul S.
1

Avec HTML5, les input élément obtenu un nouvel attribut: pattern. Vous pouvez spécifier une expression régulière qui est validé par le navigateur avant de soumettre le formulaire.
```
<input type="text" pattern="([0-9]+\.)?[0-9]+" />
```
Il est pas largement soutenue encore.

Le modèle de l'attribut est pris en charge dans Internet Explorer 10, Firefox, Opera et Chrome.
(w3schools)

Avertissement: l'expression est faible, d'aller construire une meilleure 🙂

OriginalL'auteur fjdumont

En supposant que vous utilisez sur la touche vers le bas ou vers le haut:

  function isNumberKey(evt)
  {
     var charCode = (evt.which) ? evt.which : event.keyCode
     if (charCode > 31 && (charCode < 48 || (charCode > 57 && charCode != 190 && charCode != 110)))
        return false;

     return true;
  }

110 est point décimal, 190 est la période

http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

Heres un à jouer avec des cas de test

OriginalL'auteur Alexander Mistakidis

Vous devez vous connecter pour publier un commentaire.