Comment prévenir keypress deux chiffres après un nombre décimal?

J'ai obtenu une tâche de prévenir keypress deux chiffres après un nombre décimal.
Mon fichier jquery est

$(function(){ 
    $('#name').bind('paste', function(){
    var self = this;
    setTimeout(function() {
        if(!/^[a-zA-Z]+$/.test($(self).val()))
            $(self).val('');
    }, 0);    
           }); 

        $('#salary').bind('paste', function(){
    var self = this;
    setTimeout(function() {
        if(!/^\d*(\.\d{1,2})+$/.test($(self).val()))
            $(self).val('');
    }, 0);    
           }); 

    $('.decimal').keyup(function(){
        var val = $(this).val();
        if(isNaN(val)){
             val = val.replace(/[^0-9]./g,'');


             if(val.split('.').length>2) 
                 val =val.replace(/\.+$/,"");
        }
        $(this).val(val); 
    });
    });

Ma page html est

<b>Name</b>
<input type="text" id="name"  /><br/>
<b>Salary</b>
<input type="text" id="salary"  class="decimal" />

ici, je veux écrire seulement 2 chiffres après la virgule,comment puis-je faire cela?
Vous pouvez voir mon code dans http://jsfiddle.net/V6s4B/

je voudrais valider l'entrée, lorsque la personne est fini d'entrer les Données, pas du tout. Cela permettrait de rendre la chose facile. ...juste une sugestion.
U peut m'aider à faire cela? vous pouvez voir mon code sur jsfiddle.net/V6s4B
Je ne suis pas un designer de l'interaction, mais en tant qu'utilisateur je ne voudrais pas être trop heureux quand tout ce que je tape est immédiatement changé en quelque chose d'autre. Je vous conseille de dire à l'utilisateur quel type d'entrée est prévu (avant et après).
J'ai le même problème...
veux juste que deux chiffres après la virgule nombre.

OriginalL'auteur Monica | 2013-03-28

13

Vous pouvez gérer l'événement de touche avant de keyup sur keypress, si l'entrée n'est pas à notre goût, nous pouvons désactiver l'événement de se produire. Quelque chose comme ceci:

Mise à jour

Malheureusement, ma réponse originale à cette question ci-dessous échoue sur certains numéros ne peuvent pas être représentés exactement comme un float. Voici une autre solution qui vérifie la position de la '.' caractère à l'encontre de la longueur de la chaîne avec une pratique fonction d'assistance.

jsFiddle
```
$('.decimal').keypress(function (e) {
    var character = String.fromCharCode(e.keyCode)
    var newValue = this.value + character;
    if (isNaN(newValue) || hasDecimalPlace(newValue, 3)) {
        e.preventDefault();
        return false;
    }
});

function hasDecimalPlace(value, x) {
    var pointIndex = value.indexOf('.');
    return  pointIndex >= 0 && pointIndex < value.length - x;
}
```
Réponse originale à cette question

jsFiddle
```
$('.decimal').keypress(function (e) {
    var character = String.fromCharCode(e.keyCode)
    var newValue = this.value + character;
    if (isNaN(newValue) || parseFloat(newValue) * 100 % 1 > 0) {
        e.preventDefault();
        return false;
    }
});
```
Noter que parseFloat(newValue) * 100 % 1 > 0 évalue à true si newValue contient un nombre qui a plus de 2 décimales.

+1 Répond à la question, et il fonctionne.
+1 Répond à la question, et elle fonctionne correctement.La bonne réponse.
Attendre que suis-je le seul qui ne peut pas taper 1.11 ou 2.22? Il semble que le bug sur certains intrants.
pas de travail.. je l'ai essayé
Essayez de mine, assez sûr qu'il fonctionne, il a travaillé avec tous les chiffres que j'ai mis dans de toute façon, vous aurez juste à faire quelques vérifications pour s'assurer qu'il n'a pas de lettres, je vais ajouter que trop, donnez-moi une seconde. Grrr les combats avec la suppression de rien mais les chiffres et avez pour exécuter le travail. La virgule fonctionnalité fonctionne bien

OriginalL'auteur Daniel Imms
4
```
$("#salary").keyup(function(){
    var number = ($(this).val().split('.'));
    if (number[1].length > 2)
    {
        var salary = parseFloat($("#salary").val());
        $("#salary").val( salary.toFixed(2));
    }
  });
```
http://jsfiddle.net/calder12/fSQpc/

Arrêter lettres d'aller dans la boîte, vous aurez à mettre les deux ensemble, je n'ai pas le temps.
```
    if (this.value.match(/[^0-9]./g)) {
      this.value = this.value.replace(/[^0-9]./g, '');
      return false;
    }
```
Votre réponse est correcte, mais vous mentionner que les deux virgule flottante.Au-dessus de nous ne peut pas écrire n'importe quel symbole ou lettre sur la zone de texte
Ouais, je peux vous donner le code pour arrêter, mais je n'ai pas le temps d'intégrer les deux ensemble, vous aurez à faire.
code grande, pitié de la console d'erreurs
2 ans code... ce que les erreurs de la console?
hein, comme je l'ai dit, 2 ans code qui fait le travail. Une ligne supplémentaire corrige l'erreur de la console. Vous n'avez rien de mieux à faire que de troll 2 ans réponses? jsfiddle.net/fSQpc/49

OriginalL'auteur Rick Calder

Une Autre Solution Possible(Démo):

Number.prototype.toFixedDown = function(digits) {
  var n = this - Math.pow(10, -digits)/2;
  n += n / Math.pow(2, 53); //added 1360765523: 17.56.toFixedDown(2) === "17.56"
  return n.toFixed(digits);
}
$( function() {
    $('.two-digits').keyup(function(){
        if($(this).val().indexOf('.')!=-1){         
            if($(this).val().split(".")[1].length > 2){                
                if( isNaN( parseFloat( this.value ) ) ) return;
                this.value = parseFloat(this.value).toFixedDown(2);
            }  
         }            
         return this; //for chaining
    });
});

Mais ici, nous pouvons écrire les lettres alphabétiques.Il est également à soutenir un autre flottant

OriginalL'auteur Zaheer Ahmed

Cela pourrait être utile à certains. J'ai mélangé les réponses de ce type, @Tats_innit
de https://stackoverflow.com/a/10514166/5382523 et @Rick Calder ci-dessus.

MODIFIER
aussi à partir de ce gars, isJustMe de https://stackoverflow.com/a/17289322
pour le parseFloat avec "|| 0". Parce que si l'entrée du champ est null ou zéro "NaN" apparaît et vous ne pouvez pas le supprimer.

HTML

<input type="text" name="txt_prod_price" id="txt_prod_price" class="form-control price" maxlength="20" placeholder="">

JAVASCRIPT (JQUERY)

$('.price').keypress(function(event) {

          if(event.which < 46 || event.which > 59) {
              event.preventDefault();
          } //prevent if not number/dot

          if(event.which == 46 && $(this).val().indexOf('.') != -1) {
              event.preventDefault();
          } //prevent if already dot

          var number = ($(this).val().split('.'));
          if (number[1].length > 2)
          {
           var price = parseFloat($("#txt_prod_price").val()) || 0;
           $("#txt_prod_price").val(price.toFixed(2));  
          }

      });

le "prix" est pré-défini.

Remarque: toujours avoir buggy entrées, mais encore kickin'. (y)

Plus d'infos sur toFixed - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed

OriginalL'auteur Quer

J'ai fait de cette façon: à la Condition d'une classe de permettre uniquement des chiffres, pour votre entrée:

  var numberOfDecimals = 2;
  $(document).on("input", ".allow-only-numbers", function () {
    var regExp = new RegExp('(\\.[\\d]{' + numberOfDecimals + '}).', 'g')    
    this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1').replace(regExp, '$1');
});

OriginalL'auteur MarwaAhmad

Vous devez vous connecter pour publier un commentaire.

Mise à jour

Réponse originale à cette question