element-ui 表单输入手机号验证是否注册或者存在
首先定义 rules
phoneNum: [
{ required: true, validator: validatorPhone, trigger: 'blur'}
]
定义验证函数
var validatorPhone = function (rule, value, callback) {
if (value === '') {
callback(new Error('手机号不能为空'))
} else if (!/^1\d{10}$/.test(value)) {
callback(new Error('手机号格式错误'))
} else {
// 如果手机号不为空并且通过格式验证, 进行 ajax 请求
verifyPhoneNumber(value, function (data) {
callback(data.state ? data.text : new Error(data.text))
})
}
}
定义ajax
请求验证手机号
// 给一个回调函数即可 var verifyPhoneNumber = function (value, callback) { $.post('http://ticklink.cn/mc/member/officalregister/verifyPhoneNumber.do', {phoneNum: value}).done(function (res) { if (res.retcode === 200) { callback({ state: true, text: `可以登录` }) } else { callback({ state: false, text: res.retmsg }) } }) }