如何使用jQuery設置NUMBER個輸入的maxLength

Question

聽起來微不足道，但對我而言不起作用...我試圖設置NUMBER輸入的最大長度，但不起作用。 感謝您的幫助。 這是我的代碼。 兩者都無法在Chrome中使用

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

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

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

Answer 1

對於input type="number" maxlength不是有效的屬性。

考慮到這一點，我們將使用有效的max屬性獲取其值的長度，並將其用作input事件偵聽器中的maxlength。

我們將定位具有max屬性集的類型為number的input元素：

$('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)); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="number" max="99999"> 

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">