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

1.第一种方法：input属性为number，做if判断，然后slice选取 （目前使用过此方法，比较简单）用于添加地址时的手机号码框

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

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

<input type="text" placeholder="只能输入四位数字字符" class="input" id="input" maxlength="4" οnkeyup="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,'')}">

转载于:https://www.cnblogs.com/Glant/p/10937545.html