input number如何控制只能输入数字，并且只能输入4位

Question

input number如何控制只能输入数字，并且只能输入4位，网上看的很多通过oninput来控制的方法还是有bug的。有没有解决过该问题的，求解答

Answer 1

<input type="text" maxlength="4" oninput="this.value=this.value.replace(/[^0-9]/g,'');">

如果非要type='number'的话，可以试一下这个

<input type="number"  
oninput="this.value=this.value.length>4?this.value.substr(0,4):this.value;">

在chrome上测试了一下是可以的，看能不能满足你的需求

Answer 2

为什么楼上都不用 type=number 呢…

<input type="number" maxlength="4" />

Answer 3

<input onkeypress="return (/[d|]/.test(String.fromCharCode(event.keyCode)))" maxlength="4"/>