欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

input限制只能输入数字并限制长度

程序员文章站 2022-04-06 12:17:12
...

第一种方法:input属性为number,做if判断,然后slice选取

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

 

第二种方法:input属性为text,maxlength为最大长度,onkeyup onafterpaste 限制只能输入数字

<input type="text"  placeholder="只能输入四位数字字符" class="input" id="input" maxlength="4" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^19]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
 onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-19]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">