input type="number" maxlength 属性无效

Question

input 输入框 type="number" 情况下 maxlength 属性无效
请问有什么好的解决方法吗？
现在必须要使用 type = "number"
谢谢各位大神

Answer 1

maxlength是对于type=text才有效的。
如果一定要type=number,那就这样：

<input type="number" oninput="if(value.length>5)value=value.slice(0,5)" />

Answer 2

<input type="number" oninput="if(value.length>10) value=value.slice(0,10)" />

Answer 3

楼主本来给的type是number，应该是规定这个input只能填数字吧，我写个事件规定只能填数字，最大长度为5.

<input type="text" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onafterpaste="this.value=this.value.replace(/[^0-9]/g,\'\')" onpaste="return false" maxlength="5">

Answer 4

歪一下。。用正则？验证n位数字:

<input type="number" pattern="^\d{n}$"/>