概述
Template中
这里的标签都使用 类似的原生elementUI标签即可
<ELCol :span="11">
<CommonFormItem label="手机" prop="phoneNumber" :rules="{validator: validTNumber, trigger: 'blur' }" required >
<ElInput v-model="fields.phoneNumber" placeholder="请输入手机号码" :readonly="!isButton"></ElInput>
</CommonFormItem>
</ELCol>
Script中
/**
* 校验联系电话
*/
validTNumber: function(rule, value, callback) {
if (value) {
var isPhone = /^1[3|4|5|6|7|8|9]d{9}$/
if (!isPhone.test(value)) {
callback(new Error("请输入正确格式的手机号码"))
}
}
callback()
},
最后
以上就是生动短靴为你收集整理的VUE专题 elementUI自定义校验方式 form-item的全部内容，希望文章能够帮你解决VUE专题 elementUI自定义校验方式 form-item所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复