美文网首页
input number如何控制只能输入数字,并且只能输入4位

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

作者: 唐人不自醉 | 来源:发表于2019-03-15 17:29 被阅读0次

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

<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上测试了一下是可以的,

也可以

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

同样可以

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

相关文章

网友评论

      本文标题:input number如何控制只能输入数字,并且只能输入4位

      本文链接:https://www.haomeiwen.com/subject/plurmqtx.html