vue设置输入框输入长度,vue限制input输入长度
本文主要介绍了Vue对数值输入框的实现和对其长度的限制，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。
目录
vue数字输入框和限制长度描述码vue输入框限制各种输入格式。1.只限制数字和带小数点的数字。2.仅限11位数字的手机号码。3.常规电子邮件地址。4.正规身份证。
vue数值型输入框并限制长度
描述
原El-input type= number /个人感觉有问题，maxlength属性无法生效。其次，虽然可以限制max属性，但是不能阻止用户手动输入，所以还是有bug的。
代码
更改为正则表达式模式
El-输入v-model= form . level onkeyup=this.value=this.value.replace(/[^\d.]/g,);maxlength=10
show-word-limit clearable /
vue输入框限制各种输入格式
1.限制只能输入数字、带小数点的数字
El-input v-model= form . username @ input= on input( keyName ，$event)/el-input
//只能输入数字，带小数点的数字，保留5位小数。小数点后要保留多少位数？您可以将{0，5}中的5更改为相应的位数，例如，保留1位数：{0，1}
onInput(键，事件){
event.match(/^\d*(\.\d{0，5})/g)[0]
}
2.限制输入的只能为11位手机号
El-input v-model= form . phone maxlength= 11 @ input= on input( keyName ，$event)/el-input
//首先只能输入整数，最大长度maxlength=11 。其次，当它的输入长度达到11位时，它将被检查。
onInput(键，事件){
(event.replace(/[^\d]/g,)
if(event.length=11) {
常量=/^[1][3,4,5,6,7,8,9][0-9]{9}$/
如果(！注册测试(事件)){
Console.log(您输入的手机号码不正确)
}
}
}
3.电子邮箱正则
/^\w ([-。]\w )*@\w ([-。]\w )*\。\w ([-。]\w )*$/
4.身份证正则
//身份证普通验证
/(^\d{15}$)(^\d{18}$)(^\d{17}(\dxx)$)/
//准确验证18位身份证
/^[1-9]\d{5}(1920)\d{2}((0[1-9])(1[0-2]))(([0-2][1-9])10203031)\d{3}[0-9xx]$/
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。