自定义手机号验证 正则表达式 Element（作者vue项目）

方法一：可以在rules中设置以下规则（pattern）

data() {
  return {
    rules: {
      phone: [
        { required: true, message: '请输入手机号', trigger: 'blur' },
        { pattern: /^1[345789]\d{9}$/, message: '手机号码格式不正确', trigger: 'blur' }
      ]
    }
  }
}      

方法二：设置自定义规则（validator）

  data() {
    // 手机号校验方法
    const checkPhone = (rule, value, callback) => {
      const reg = /^1[345789]\d{9}$/;
      if (!reg.test(value)) {
        callback(new Error('请输入正确的手机号'));
      } else {
        callback();
      }
    };
    return {
      rules: {
        phone: [
          { required: true, message: '请输入手机号', trigger: 'blur' },
          { validator: checkPhone, trigger: 'blur' }
        ]
      }
    };
  },