我正在使用jQuery工具验证器，它通过jQuery实现HTML5验证。
到目前为止一切都很顺利，除了一件事。在HTML5规范中，输入类型“number”既可以是整数也可以是浮点数。
这似乎是非常短视的，因为它只在数据库字段是带符号的浮点数时才有用(对于无符号整数，您将不得不退回到模式验证，从而失去支持它的浏览器的上下箭头等额外功能)。
是否有另一种输入类型或属性将输入限制为无符号整数?
我一个也找不到。
将步长设置为1并不是答案，因为它不限制输入。您仍然可以在文本框中键入一个负浮点数。
此外，我知道模式验证(我在最初的文章中提到过)，但这不是问题的一部分。
我想知道HTML5是否允许将“数字”类型的输入限制为正整数值。对于这个问题，答案似乎是“不，没有关系”。
我不想使用模式验证，因为这会在使用jQuery工具验证时造成一些缺陷，但现在看来，规范不允许使用更清晰的方式来实现这一点。
当前回答
这不仅适用于HTML5。这在所有浏览器中都可以正常工作。试试这个:
. getelementbyid(“输入”)。addEventListener("keyup"， function() { 这一点。Value = this.value。替换(/ [^ 0 - 9]/ g, " "); })； <input id="input" type="text">
其他回答
最短的
这是R. Yaghoobi答案的尺寸改进
<input type=“number” oninput=“this.value|=0”/>
这里我们使用标准的“或”运算符简写，例如二进制9 | 2 = 11:0b1001 | 0b1010 = 0b1011。该运算符首先以隐式方式将数字转换为整数，然后执行或运算。但因为OR带0不会改变任何东西，所以number被转换为整数。非数字字符串的OR值为0。
将step属性设置为任何浮点数，例如0.01，就可以了。
大多数答案都过时了。
以下不再工作:
<!-- It doesn't invalidate decimals when using validators -->
<input type="number" min="0" step="1" />
下面的解决方案更加优雅和直接，并且适用于截至2022年初的所有最新浏览器。
<!-- It DOES invalidate decimals when using validators -->
<input type="number" pattern="\d*" />
把它放在你的输入字段:onkeypress='return event。charCode >= 48 &&事件。charCode <= 57'
整数输入意味着它只能接受正数、0和负数。这就是我如何能够实现这一点使用Javascript按键。
<input type="number" (keypress)="keypress($event, $event.target.value)" >
keypress(evt, value){
if (evt.charCode >= 48 && evt.charCode <= 57 || (value=="" && evt.charCode == 45))
{
return true;
}
return false;
}
给定的代码不允许用户在运行时输入字母或小数，只允许输入正整数和负整数值。
