vue 正则表达式验证_vue表单自定义验证

2022-11-01 16:14:19 浏览数 (1)

首先需要自己写正则表达式,正则学得不好就不乱指点了=>

方法

1如果你是单独建的js文件 先引入正则表达式文件才进行下一步 或者直接在组件内写正则

2data({

const regExpID = (rule, value, callback) => { //regExpID自定义类名

if (value === ”) { //value 验证的值不要更改 会自动匹配你所需要验证的值 callback验证错误返回的提示可根据需求自行更改

callback(new Error(‘生态id不能为空’));

} else if (regExp.isText(value)) { //regExp.isText引入的文件的正则表达式 当然也可以直接引入文件内的某一个正则视情况而定

callback(new Error((‘生态id不能是文字’)))

} else {

callback()

}

};

}) ,

return{

rules: {

//表单验证 validator是element官方提供验证方法 regExpID上面方法自定义明

desc: [

{required: true, validator: regExpID, trigger: ‘blur’},

],

}

}

这只是来自官方提供的方法 也可以请表单验证模块学习更深层次的验证

大佬写的方法比这个透彻欢迎交流

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/200752.html原文链接:https://javaforall.cn

0 人点赞