美文网首页
vue中邮箱手机号校验

vue中邮箱手机号校验

作者: Eirmood | 来源:发表于2020-09-14 10:25 被阅读0次
示例图

// 检验邮箱
var checkEmail = (rule, value, cb) => {
const regEmail = /^\w+@\w+(.\w+)+/ if (regEmail.test(value)) { return cb() } // 返回错误提示 cb(new Error('请输入合法的邮箱')) } // 检验手机 var checkMobile = (rule, value, cb) => { const regMobile = /^1[34578]\d{9}/
if (regMobile.test(value)) {
return cb()
}
// 返回错误提示
cb(new Error('请输入合法的手机号码'))
}

addRules: {
email: [
{ required: true, message: '请输入邮箱', trigger: 'blur' },
{ validator: checkEmail, message: '邮箱格式不正确,请重新输入', trigger: 'blur' }
],
mobile: [
{ required: true, message: '请输入手机', trigger: 'blur' },
{ validator: checkMobile, message: '手机格式不正确,请重新输入', trigger: 'blur' }
]
},

相关文章

网友评论

      本文标题:vue中邮箱手机号校验

      本文链接:https://www.haomeiwen.com/subject/ihgaektx.html