Question

听起来微不足道，但它对我不起作用...我尝试设置 NUMBER 输入的最大长度，但它不起作用。非常感谢您的帮助。这是我的代码。两者都无法在Chrome中使用

<input id="demo02" type="number">

$(document).ready(function(){
$("#demo02").attr('maxlength','2');
});

$(document).ready(function(){
$("#demo02").prop('maxlength','2');
});

Answer 1

maxlength不是input type="number"的有效属性。

考虑到这一点，我们将使用有效的max属性来获取其值长度，并将其用作input事件侦听器中的maxlength。

我们将定位input属性设置为number的{{1}}元素：

max

代码段：

$('input[type=number][max]:not([max=""])')

$(document).ready(function() {

  $('input[type=number][max]:not([max=""])').on('input', function(ev) {
    var $this = $(this);
    var maxlength = $this.attr('max').length;
    var value = $this.val();
    if (value && value.length >= maxlength) {
      $this.val(value.substr(0, maxlength));
    }
  });

});

Answer 2

使用max属性限制最高可用数量。如果您将max设置为99，则无法再提高。

$("#demo02").attr('max','99');

或使用普通的Javascript：

document.getElementById('demo02').setAttribute('max', 99);

document.getElementById('demo02').setAttribute('max', 99);

<input id="demo02" type="number">

如何使用jQuery设置NUMBER输入的maxLength

2 个答案: