uniapp开发⼩程序input框限制输⼊
input框输⼊⼿机号的约束
<input  @input="onlyNum"class="inp"v-model="phone"name="phone"type="number"maxlength="11"placeholder="请输⼊您的"placeholder-cla ss="pl-style"@blur="replaceInput"/>
onlyNum(){
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
},
replaceInput(event){
var phone = event.target.value;
let regs = /^1[3|4|5|7|8][0-9]{9}$/;
if(!st(phone)){
this.$ast('填⼊的电话号码有误，请重填');
this.phone = null;
return false;
}
}
input框对于输⼊特殊字符的约束
<input class="inp"v-model="ueName"name="trueName"placeholder="请输⼊您的姓名"@input="replaceInput"placeholder-class="pl-sty le"/>
// 当姓名输⼊框为数字或符号时，替换为没有⾮法字符的
replaceInput(event){
this._timer=setTimeout(()=>{
clearTimeout(this._timer)
var value = event.target.value;
//匹配数字的正则表达式
var patt =/.*[0-9]{1,}.*/i;
//匹配特殊字符的正则表达式
var pattern =new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]");
let _str=""
for(let i=0,len=value.length;i<len;i++){input框禁止输入
_str+=value[i].replace(pattern,'').replace(patt,'')
}
},1)
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。