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

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

方法

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