禁止小数到文本框中不起作用

Question

我有一个textbox，用户只能插入numbers。所以我尝试了下面的链接

JS FIDDLE

但我仍然可以在文本框中插入[。]（十进制）。以下是我试过的内容

 $(".allownumericwithoutdecimal").on("keypress keyup blur",function (event) {    
       $(this).val($(this).val().replace(/[^\d].+/, ""));
        if ((event.which < 48 || event.which > 57)) {
            event.preventDefault();
        }

文本框

<igtxt:WebNumericEdit ID="txtNoofPages" Width="24%" runat="server" CssClass="allownumericwithoutdecimal">
            </igtxt:WebNumericEdit>

Answer 1

我试过JS Fiddle，它可以与Firefox，IE和Chrome浏览器一起使用。然后我尝试使用相同的正则表达式与JQuery工作正常。

＆＃13;

＆＃13;

$("#onlyNumber").on('keypress keyup blur', function(){
     $(this).val($(this).val().replace(/[^\d].+/, ""));
        if ((event.which < 48 || event.which > 57)) {
            event.preventDefault();
        }
  
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Number Only</label>
<input type='textbox' id='onlyNumber'>

＆＃13;

＆＃13;

＆＃13;