在vue+element-ui框架input中添加英文/数字/中文/下划线正则约束

(1)一般的约束添加:找到你要约束的输入input框,比如下列代码:

<el-input
 onkeyup="this.value=this.value.replace(/[^\w_^\u4E00-\u9FA5]/g,'');"
 maxlength="8"
v-model="formData.perChg" 
placeholder="请输入联系人姓名">
</el-input>

在input标签中加入οnkeyup="this.value=this.value.replace(/[\w_\u4E00-\u9FA5]/g,’’);"是约束语句,这里的正则表达式是只能输入中文、大小写字母、数字、下划线。 maxlength=“8”,表示所有字符加起来不能超过8个。

//小数约束123.2222222222
@input="formData.lat = formData.lat.replace(/[^\d\.\d$]/g, '')"
//长度约束
maxlength="6" 
//数字约束
onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"  maxlength="6" 
//中文英文数字下划线
onkeyup="this.value=this.value.replace(/[^\w_^\u4E0
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值