通过在输入标记中添加onkeypress，可以强制输入只包含正整数。

<input type=“number” onkeypress=“return event.charCode >= 48” min=“1” >

在这里,事件。charCode >= 48确保只返回大于或等于0的数字，而min标记确保通过在输入栏内滚动可以得到最小值1。

如果您尝试输入负数，onkeyup事件将阻止此操作，如果您在输入数字上使用箭头，onblur事件将解决此部分。

<输入类型=“数字” onkeyup=“if（this.value<0）this.value=1” onblur=“if（this.value<0）this.value=1” >

其他解决方案是使用Js使它为正(min选项可以被禁用，当用户输入smth时无效)负if是不必要的，on('keydown')事件也可以使用!

let $numberInput =  $('#whatEverId');
$numberInput.on('change', function(){
    let numberInputText = $numberInput.val();
    if(numberInputText.includes('-')){
        $numberInput.val(Math.abs($numberInput.val()));
    }
});

(function ($) { $.fn.inputFilter = function (inputFilter) { return this.on('input keydown keyup mousedown mouseup select contextmenu drop', function () { if (inputFilter(this.value)) { this.oldValue = this.value; this.oldSelectionStart = this.selectionStart; this.oldSelectionEnd = this.selectionEnd; } else if (this.hasOwnProperty('oldValue')) { this.value = this.oldValue; //this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd); } else { this.value = ''; } }); }; })(jQuery); $('.positive_int').inputFilter(function (value) { return /^\d*[.]?\d{0,2}$/.test(value); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="number" class="positive_int"/>

以上代码可以正常工作!!它还可以防止插入超过2个小数点。如果你不需要这个，只要删除\d{0,2}，或者如果需要更有限的小数点，只要改变2

我认为使用类型文本是最好的，而不是数字，因为使用类型=数字，你将面临一些问题，如输入字段的方向键和上、下键的值变化。

<input type="text" onkeypress="return event.charCode>=48 && event.charCode<=57" />

通过在输入标记中添加onkeypress，可以强制输入只包含正整数。

<input type=“number” onkeypress=“return event.charCode >= 48” min=“1” >

在这里,事件。charCode >= 48确保只返回大于或等于0的数字，而min标记确保通过在输入栏内滚动可以得到最小值1。