jquery - Numérique Seul Champ de Texte

J'ai trouvé cela très courte propre code pour autoriser uniquement numérique caractères dans un champ de texte. Actuellement, il couvre seulement les numéros 0 à 9 et de revenir en arrière et effacer. Je voulais également inclure virgule/point, de sorte que je me bats avec cela il vous suffit d'inclure le keycode 110 et/ou 190. Je ne peux pas le faire fonctionner. N'importe qui peut voir ce que je fais de mal?

$(document).ready(function() {
    $('input.numberinput').bind('keypress', function(e) { 
return ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57) ) || (e.which!=110) ? false : true ;
  });
  });

jsfiddle ici: http://jsfiddle.net/justmelat/EN8pT/

html

         <div class="label">Enter a number:</div>
        <input type="text" name="txtNumber1" id="txtNumber1" value=""  class="numberinput" />

         <div class="label">Enter a number:</div>
        <input type="text" name="txtNumber2" id="txtNumber2" value="" class="numberinput" />
    </div>
Pourquoi ne pas simplement utiliser <input type="number" />?
Parce que c'est un élément HTML5, donc pas prise en charge dans les navigateurs plus anciens (à savoir IE8 et ci-dessous, vous ne savez pas sur IE9).
Je sais que, j'ai demandé parce qu'un navigateur n'a jamais été spécifié.

OriginalL'auteur user1176783 | 2012-07-13

  1. 6

    Essayer:

    $(document).ready(function () {
    $('input.numberinput').bind('keypress', function (e) {
        return !(e.which != 8 && e.which != 0 &&
                (e.which < 48 || e.which > 57) && e.which != 46);
    });
});​

    JsFiddle: http://jsfiddle.net/EN8pT/1/

    Bonjour Espoir, pas de dés, sur ce point. La période/de décimales juste ne fonctionnera pas. J'ai créé un jsfiddle ici: http://jsfiddle.net/justmelat/EN8pT/
    Réponse de mise à jour.
    Qui a travaillé!!!! Merci!!!!!!!!!!!!!!!!
    Viens de tomber sur quelque chose de similaire au travail - assurez-vous de vérifier pour le contrôle/meta clés de sorte que vous pouvez toujours copier et coller!
    Les travaux ci-dessus pour autoriser uniquement les numéros dans la zone de texte. Comment permettre la touche entrée de sorte que l'utilisateur peut entrer un numéro et appuyez sur entrée pour envoyer un formulaire?

    OriginalL'auteur Daniel Li

  2. 1

    Avec la réponse ci-dessus, vous pouvez toujours faire 0.23.12.33 qui n'est pas un nombre valide.

    http://www.texotela.co.uk/code/jquery/numeric/ est un grand peu léger plugin que j'ai beaucoup utilisé. Il prend la douleur hors de la ci-dessus.

    OriginalL'auteur Peter Munnings

  3. 0
    $("#input").keydown(function(event) {
 var theEvent = event || window.event;
 var key = theEvent.keyCode || theEvent.which;
    //Allow: backspace, delete, tab, escape, and enter
    if ( key == 46 || key == 8 || key == 9 || key == 27 || key == 13 ||  key == 110 || key == 190 ||
         //Allow: Ctrl+A
        (key == 65 && theEvent.ctrlKey === true) || 
         //Allow: home, end, left, right
        (key >= 35 && key <= 39)) {
             //let it happen, don't do anything
             return;
    }
    else {
        //Ensure that it is a number and stop the keypress
        if (theEvent.shiftKey || (key < 48 || key > 57) && (key < 96 || key > 105 )) {
            theEvent.preventDefault(); 
        }  

    }
});

    avec mot de code 110 et 190

    OriginalL'auteur Mario Gonzales Flores