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 }) } }) }