vue ant -design validator 自定义校验（可以不填，填了就校验）

   手机号校验

 

  <a-form-model  :rules="rules" :model="form">
  
  <a-form-model-item label="电话" ref="mobile" prop="mobile" has-feedback>
        <a-input v-model="form.mobile" placeholder="手机号码" />
   </a-form-model-item>
   </a-form-model>  
 

  data() {
    //手机号验证
    let PhoneValidator = (rule, value, callback) => {
      // 主要就是添加一个对空串的判断
      if (!value) {
        return callback()
      } else {
        const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
        if (!reg.test(value)) {
          callback(new Error('请输入正确手机号'))
          return
        }
        callback()
      }
    }
    }
      
rules: {
        mobile: [{ validator: PhoneValidator, trigger: 'change' }]
      },