关于element-ui 自定义校验规则的使用

注意：自定义校验规则要写在 data() 和 return 之间

一：邮箱校验规则

    // 验证邮箱的规则
    var checkEmail = (rule, value, cb) => {
      // 验证邮箱的正则表达式
      const regEmail =/^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/;
      if (regEmail.test(value)) {
        // 如果合法
        return cb();
      }
      cb(new Error("请输入合法的邮箱"));
    };

 data() 数据里面的邮箱校验规则

        email: [
          { required: true, message: "请输入邮箱", trigger: "blur" },
          { validator: checkEmail, trigger: "blur" },
        ],

二：手机号的校验规则

    // 验证手机号的规则
    var checkMobile = (rule, value, cb) => {
      // 验证手机号的正则表达式
      const regMobile =/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
      if (regMobile.test(value)) {
        // 如果合法
        return cb();
      }
      cb(new Error("请输入合法的手机号"));
    };

 data() 数据里面的手机号校验规则

        mobile: [
          { required: true, message: "请输入手机", trigger: "blur" },
          { validator: checkMobile, trigger: "blur" },
        ],