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