Javascript: Comment puis-je vérifier si la touche enfoncée sur un champ de formulaire est un chiffre (0 à 9)?

Je suis à l'aide de l'événement onkeyup sur un champ de formulaire en JavaScript, et je suis désireux de vérifier si la clé de la touche enfoncée est un chiffre - ie. 0 - 9, si je peux faire quelque chose avec l'entrée.

<input type="text" onkeyup="" />

J'ai besoin d'utiliser des Regex pour cela?

Grâce

OriginalL'auteur wows | 2009-09-09

  1. 11

    Voir ces:

    +1 pour la redirection de l'utilisateur pour plus tôt stackoverflow entrées.
    Sauf le troisième est cet article....
    héhé, désolé, l'a supprimé.
    Ceux qui dépendent de jQuery. Devrait probablement être un commentaire, pas une réponse.

    OriginalL'auteur karim79

  2. 3

    Utilisation event.key pour obtenir la valeur réelle. Pour vérifier si le nombre entier, il suffit d'utiliser isFinite

    input.addEventListener("keydown", function(event) {
    const isNumber = isFinite(event.key);
});

    Autre option:

    const isNumber = /^[0-9]$/i.test(event.key)

    Plus facile HTML solution serait d'utiliser la number type d'entrée. Il restreint aux seuls chiffres (genre de).

    <input type="number">

    De toute façon, vous devez nettoyer toutes les entrées utilisateur avec:

    string.replace(/[^0-9]/g,'');
    Intéressant.. j'ai vu des références à e.which, e.keyCode, etc... mais c'est la première fois que j'ai vu quelqu'un dire e.key, ce qui semble être la meilleure réponse pour moi... Est-il un inconvénient à l'utilisation?

    OriginalL'auteur Gibolt

  3. 1

    permettent seulement de 0 à 9, les lettres, l'ingestion.

    $('#id').keypress(function (e) {
            var validkeys = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'];
            if (validkeys.indexOf(e.key) < 0)
                return false;
        });
    Pas de solution viable parce que tu ne peux pas passer en entrée à l'aide de la flèche ou sur supprimer pour modifier l'entrée.

    OriginalL'auteur Rm558

  4. 0

    J'ai utilisé la fonction suivante pour vérifier si une chaîne donnée est le nombre ou pas

    //Validate Numeric inputs
function isNumber(o) {
    return o == '' || !isNaN(o - 0);
}

    En supposant que votre code de clé sur le keyup ou de l'événement keydown est dans le mot de code variable:

    var keyCode = e.keyCode || e.which;
if (keyCode >= 96 && keyCode <= 105) {
        //Numpad keys
        keyCode -= 48;
}
console.log(isNumber(String.fromCharCode(keyCode)));

    OriginalL'auteur Sacky San

  5. -1

    Voir ceci:

    http://www.javascriptkit.com/javatutors/javascriptkey2.shtml

    <script type="text/javascript">
function displayunicode(e){
var unicode=e.keyCode? e.keyCode : e.charCode
if unicode >= 48 && unicode <= 57 {
    alert('number')
}
else{
}
    alert('nonnumber')
}
</script>
<form>
<input type="text" size="2" maxlength="1" onkeyup="displayunicode(event); this.select()" />
</form>
    Ce n'est pas exact, vous devez insérer aussi ils pavé numérique numéros. cambiaresearch.com/articles/15/javascript-key-codes
    Ce n'est pas correct. il ne gère pas les touches du pavé numérique

    OriginalL'auteur madcolor