vue element rules电话号、邮箱校验

data() {
      // 身份证号校验
      const checkIdNum = (rule, value, callback) => {
        if (!value) {
          return callback(new Error('身份证不能为空'))
        }
        if (!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value)) {
          callback(new Error('请输入正确的二代身份证号码'))
        } else {
          callback()
        }
      }
 
      return {
        // 表单校验
        rules: {
          idCard: [{
            required: true,
            message: "身份证号码不能为空",
            trigger: "blur"
          }, {
            validator: checkIdNum,
            trigger: 'blur'
          }, ],
          phone: [{
            required: true,
            message: "手机号不能为空",
            trigger: "blur"
          }, {
            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
            message: "请输入正确的手机号码",
            trigger: "blur"
          }],
          email: [{
            required: true,
            message: "电子信箱不能为空",
            trigger: "blur"
          }, {
            validator: function(rule, value, callback) {
              if (
                /^\w{1,64}@[a-z0-9\-]{1,256}(\.[a-z]{2,6}){1,2}$/i.test(
                  value
                ) == false
              ) {
                callback(new Error("邮箱格式错误"));
              } else {
                callback();
              }
            },
            trigger: "blur"
          }],
        },
      };
    },