我想只得到正的值，有什么方法来防止它只使用html 请不要建议验证方法
当前回答
我对@Abhrabm的回答不满意，因为:
它只是阻止负数输入 向上/向下箭头，而用户可以输入负数从键盘。
解决方法是防止用键码:
//选择输入元素。 var number = document.getElementById('number'); //在numInput上监听输入事件 号码。Onkeydown =函数(e) { 如果(! ((e。> 95 && e.keyCode < 106) || (e.keyCode > 47 && e.keyCode < 58) || e.keyCode == 8)) { 返回错误; ｝ ｝ <form action="" method="post"> <input type="number" id="number" min="0" /> <input type="submit" value="点击我!"/> > < /形式
由@Hugh Guiney提供的澄清:
正在检查哪些关键代码:
95， < 106对应Numpad 0到9; 47， < 58对应数字行上的0到9;8是 退格键。
所以这个脚本是防止在输入中输入无效的键。
其他回答
对我来说，解决方案是:
<input type=“number” min=“0” oninput=“this.value = Math.abs（this.value）”>
Edit
正如注释中所建议的那样，如果0是最小值，则需要进行微小的更改。
<输入类型=“数字” min=“0” oninput=“this.value= !!this.value && Math.abs（this.value） >= 0 ？Math.abs（this.value） ： null“>
简单的方法:
<input min='0' type=“number” onkeypress=“return （event.charCode == 8 || event.charCode == 0） ？ null ： event.charCode >= 48 && event.charCode <= 57”>
像这样使用min属性:
<input type="number" min="0">
< input type = "数量" name = " credit_days "模式= ^ \[-]+” # credit_days = " ngModel " class = "表单控件” 占位符="{{'输入信用天数' |翻译}}" min="0" [(ngModel)] = " provider.credit_days " onkeypress = "返回(事件。charCode == 8 ||事件。charCode == 0 || 事件。charCode == 13) ?Null:事件。charCode >= 48 &&事件。charCode < = 57" onpaste="return false"> .
我对@Abhrabm的回答不满意，因为:
它只是阻止负数输入 向上/向下箭头，而用户可以输入负数从键盘。
解决方法是防止用键码:
//选择输入元素。 var number = document.getElementById('number'); //在numInput上监听输入事件 号码。Onkeydown =函数(e) { 如果(! ((e。> 95 && e.keyCode < 106) || (e.keyCode > 47 && e.keyCode < 58) || e.keyCode == 8)) { 返回错误; ｝ ｝ <form action="" method="post"> <input type="number" id="number" min="0" /> <input type="submit" value="点击我!"/> > < /形式
由@Hugh Guiney提供的澄清:
正在检查哪些关键代码:
95， < 106对应Numpad 0到9; 47， < 58对应数字行上的0到9;8是 退格键。
所以这个脚本是防止在输入中输入无效的键。
