注意:自定义校验规则要写在 data() 和 return 之间
一:邮箱校验规则
// 验证邮箱的规则
var checkEmail = (rule, value, cb) => {
// 验证邮箱的正则表达式
const regEmail =/^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/;
if (regEmail.test(value)) {
// 如果合法
return cb();
}
cb(new Error("请输入合法的邮箱"));
};
data() 数据里面的邮箱校验规则
email: [
{ required: true, message: "请输入邮箱", trigger: "blur" },
{ validator: checkEmail, trigger: "blur" },
],
二:手机号的校验规则
// 验证手机号的规则
var checkMobile = (rule, value, cb) => {
// 验证手机号的正则表达式
const regMobile =/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
if (regMobile.test(value)) {
// 如果合法
return cb();
}
cb(new Error("请输入合法的手机号"));
};
data() 数据里面的手机号校验规则
mobile: [
{ required: true, message: "请输入手机", trigger: "blur" },
{ validator: checkMobile, trigger: "blur" },
],