Entrée uniquement les nombres en javascript
Cet article démontrera les méthodes pour saisir uniquement les nombres en javascript.
Comment saisir uniquement les nombres en javascript?
Vous ne pouvez saisir que des nombres dans JavaScript en optant pour les approches suivantes:
- "Ascii" Jeu de caractères
- "jquery"
Les concepts mentionnés seront démontrés un par un!
Méthode 1: Entrée uniquement les nombres en javascript à l'aide du jeu de caractères ASCII
Cette procédure peut être utilisée pour appliquer une condition sur la représentation ASCII des nombres sur le champ de saisie.
Exemple
Dans l'exemple suivant, incluez le «IDENTIFIANT«Cela doit être entré dans le champ de saisie. Spécifiez également le champ de saisie comme «texte»Et invoquez la fonction inputNumber () tout en passant l'événement comme argument lorsque«onkeypress»L'événement est déclenché:
Ensuite, définissez une fonction nommée «inputNumber ()"Cela accepte"nobs"Comme argument. Dans la définition de la fonction, appliquez la condition sur les nombres représentés dans ASCII de telle manière que si le code ASCII est supérieur à «31"Et moins que"48" ou "57», Il signifie qu'un caractère non nombre est entré dans le champ de saisie. Dans ce cas, une alerte sera générée pour demander à l'utilisateur de saisir uniquement les numéros:
fonction inputNumber (num)var asciicode = (num.qui) ? nobs.qui: num.code clé
if (asciicocode> 31 && (asciicode 57))
alert ("Entrer les nombres uniquement")
On peut voir que lorsqu'un caractère est tapé dans le champ de saisie, un boîtier d'alerte est apparu avec les informations suivantes:
Le tableau suivant explique le concept discuté de la représentation ASCII pour les nombres selon l'exigence:
| Représentation ASCII | Chiffres |
|---|---|
| 48 | 0 |
| 49 | 1 |
| 50 | 2 |
| 51 | 3 |
| 52 | 4 |
| 53 | 5 |
| 54 | 6 |
| 55 | 7 |
| 56 | 8 |
| 57 | 9 |
La seule limitation à la méthode ci-dessus est qu'elle accepte toujours l'entrée non-nombre de l'utilisateur après avoir affiché l'avertissement. Pour résoudre ce problème, consultez la méthode suivante!
Méthode 2: Entrez uniquement les nombres en javascript à l'aide de jQuery
Cette approche peut être mise en œuvre en incluant la bibliothèque «jQuery» et en l'appliquant au champ de saisie à l'aide d'une expression régulière pour détecter les valeurs non nucères et les remplacer par une chaîne vide.
Regardez l'exemple suivant pour comprendre le concept déclaré.
Exemple
Tout d'abord, incluez la bibliothèque JQuery suivante pour appliquer ses fonctionnalités:
Ensuite, ajoutez une rubrique en utilisant le "”Tag et champ de saisie en utilisant le"”Tag dans la balise centrale pour les aligner au centre. Ici, nous limiterons la longueur du champ d'entrée à «4" en utilisant le "longueur maximale”Attribut car il s'agit d'une broche à 4 chiffres:
Entrez la broche à 4 chiffres:
Maintenant, appliquez le «jquery»Fonction sur le champ de saisie avec le«/ [^ 0-9] / g" expression régulière. Cette expression régulière vérifie si la valeur des types n'est pas un caractère «^» puis remplacez-le par un caractère vide:
$ (function ()$ ("input [name = 'nummonly']").sur ('entrée', fonction (e)
$ (ceci).Val ($ (ceci).val ().remplacer (/ [^ 0-9] / g, "));
);
);
Dans cet exemple, nous avons limité le champ de saisie pour accepter uniquement le caractère numérique à 4 chiffres de l'utilisateur:
Nous avons implémenté les méthodes sur le champ de saisie pour saisir uniquement les nombres en javascript.
Conclusion
Pour saisir uniquement des nombres en JavaScript, nous avons implémenté le «Ascii”Approche du jeu de caractères et"jquery»Technique. L'approche du jeu de caractères ASCII peut être utilisée pour appliquer une condition au champ de saisie qui vérifie le caractère ASCII du caractère entré. Tandis que la technique jQuery est utilisée avec l'expression régulière pour appliquer un chèque sur le champ de saisie créé. Cet article a démontré les méthodes pour saisir uniquement les nombres en javascript.