jqueryを使用してテキストフィールド内の数値を制限する方法

Question

私のテキストボックスに2つの数字を制限したいです。しかし、ポイント（すなわちドット）が現れたら、制限を解除しなければならず、ポイントの後で最大4まで拡張できます。

私は100を入力しようとした場合、すなわち、制限を有効にして、私は10.303が私を有効にすると入力した場合にのみ10.but件まで入力する制限...

私はjquery.Iへの新たな方法をたくさんしようとしたが、それていますどんなに助けてもらえませんか？

Answer 1

以下はその解決策です：

これを試してみてください：？（。） http://jsfiddle.net/Luga5yo4/

$(function() { 
    $(".txt").on("keyup", function(event) { 
     // don't handle backspace, delete, pgup/pgdn, home/end, or arrow keys: 
     if (event.keyCode === 8 || event.keyCode === 46 || event.keyCode >= 33 && event.keyCode <= 40) return false; 

     var currentEl = $(this); 
     var value = $(currentEl).val(); 

     // remove letters... 
     value = value.replace(/[^0-9.-]/g, ""); 

     var hasDecPlace = value.match(/\./); 

     // separate integer from decimal places: 
     var pieces = value.split('.'); 
     var integer = pieces[0].replace('-', ''); 
     var decPlaces = "" 
     if (pieces.length > 1) 
     { 
      pieces.shift(); 
      decPlaces = pieces.join('').replace('-', ''); 
     } 

     // handle numbers greater than 99.9999... : 
    if (integer > 99.9999 || integer === 99.9999 && parseInt(decPlaces) > 0) 
     { 
      integer = "99"; 
      decPlaces = getZeroedDecPlaces(decPlaces); 
      alert("number must be between 0 and 99"); 
     } // ...and less than 0: 
     else if (parseInt(integer) < 0) 
     { 
      integer = "0"; 
      decPlaces = getZeroedDecPlaces(decPlaces); 
      alert("number must be between 0 and 99"); 
     } 



// handle more than four decimal places: 
     if (decPlaces.length > 4) 
     { 
      decPlaces = decPlaces.substr(0, 4); 
      alert("number cannot have more than four decimal places"); 
     } 


     var newVal = hasDecPlace ? integer + '.' + decPlaces : integer; 

     $(currentEl).val(newVal); 
    }); 

    function getZeroedDecPlaces(decPlaces) { 
     if (decPlaces === '') return ''; 
     else if (decPlaces.length === 1) return '0'; 
     else if (decPlaces.length >= 2) return '00'; 
    } 
});