【问题标题】:jQuery only digits in inputjQuery输入中只有数字
【发布时间】:2014-03-08 01:10:38
【问题描述】:

我只想输入数字。我无法将输入类型更改为“数字”。所以我有这个代码。

Number : <input type="text" name="quantity" id="quantity" />
<script>

$(document).ready(function() {


    $("#quantity").off("keyup").on("keyup", function(e) {
        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
            e.preventDefault();
        }

        if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 || 
             // Allow: Ctrl+A
            (e.keyCode == 65 && e.ctrlKey === true) || 
             // Allow: home, end, left, right
            (e.keyCode >= 35 && e.keyCode <= 39)) {
                 // let it happen, don't do anything
                 return;
        }

    });

});

它不起作用,但如果我将选择器更改为 $("#quantity").off("keyup").on("keyup", function(e) { 它会起作用。我没有改变第一个选择器

【问题讨论】:

  • 我认为你需要keydownkeypress
  • 为什么不能更改输入类型?如果是您无法更改 html,那么这不是问题 - 您可以使用 javascript 更改输入类型。
  • 您是否有另一个事件处理程序正在干扰keyup
  • 我用过keydown,我最近会测试这个,谢谢你;)
  • @AnoopJoshi,不,我知道我的代码可以使用 keyup。我只是想知道为什么它不适用于第一个选择器

标签: javascript jquery validation


【解决方案1】:

试试这样,

function isNumber(n){
return (parseFloat(n) == n);
}

$("document").ready(function(){
 $("input").keyup(function(event){
    var input = $(this).val();
     if(!isNumber(input)){

        $(this).val(input.substring(0, input .length-1));
    }
  });
 });

Demo

【讨论】:

    猜你喜欢
    • 2018-07-16
    • 2014-06-07
    • 1970-01-01
    • 2013-01-07
    • 2020-07-28
    • 2014-09-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多