1.VUE项目中验证一个或者多个邮箱
中间用“;”隔开,在vue的data{}下面编写验证的正则表达式,在return{rules{}}中调用使用,如下图代码所示。
const checkEmail = (rule, value, callback) => {
const mailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})(;([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4}))*$/;
if (!value) {
return callback(new Error('邮箱不能为空'));
}
setTimeout(() => {
if (mailReg.test(value)) {
callback();
} else {
callback(new Error('请输入正确的邮箱格式'));
}
}, 100);
};
rules: {
oactTpEml: [
{ required: true, validator: checkEmail, trigger: 'blur' }
],
oactTpCcEml: [
{ required: true, validator: checkEmail, trigger: 'blur' }
],
txnTpEml: [
{ required: true, validator: checkEmail, trigger: 'blur' }
],
txnTpCcEml: [
{ required: true, validator: checkEmail, trigger: 'blur' }
]
}