目前我有以下代码
<input type="number" />
结果是这样的
右边的选择器允许数字变为负数。我该如何预防呢?
我对使用type="number"有疑问,它造成的问题比它解决的要多,我无论如何都要检查它,所以我应该回到使用type="text"吗?
目前我有以下代码
<input type="number" />
结果是这样的
右边的选择器允许数字变为负数。我该如何预防呢?
我对使用type="number"有疑问,它造成的问题比它解决的要多,我无论如何都要检查它,所以我应该回到使用type="text"吗?
当前回答
通过在输入标记中添加onkeypress,可以强制输入只包含正整数。
<input type=“number” onkeypress=“return event.charCode >= 48” min=“1” >
在这里,事件。charCode >= 48确保只返回大于或等于0的数字,而min标记确保通过在输入栏内滚动可以得到最小值1。
其他回答
如果需要文本输入,该模式也可以工作
<input type="text" pattern="\d+">
<输入类型=“数字” 分钟=“1” 步数=“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()));
}
});
你可以通过以下方法将负输入转化为正数:
<input type=“number” onkeyup=“if(this.value<0){this.value= this.value * -1}”>
添加一个min属性
<输入类型=“数字” min=“0”>