验证手机号，邮箱，身份证号 elementUI

• 身份证号

const rulesCode = (rule, value, callback) => {
  if (
    !/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(
      value
    )
  ) {
    callback("身份证信息错误");
  } else {
    callback();
  }
};

{
  label: "身份证号",
  prop: "code",
  rules: [
    {
      required: true,
      message: "请输入身份证号",
    },
    {
      validator: rulesCode,
      trigger: "blur",
      message: "请输入正确的身份证号",
    },
  ],
},

• 手机号

const rulesPhone = (rule, value, callback) => {
  if (!/^1[34578]\d{9}$/.test(value)) {
    callback("手机号信息有误");
  } else {
    callback();
  }
};
{
  label: "手机号",
   mock: {
     type: "phone",
   },
   prop: "phone",
   maxlength: 11,
   rules: [
     {
       required: true,
       message: "请输入手机号",
       trigger: "blur",
     },
     {
       validator: rulesPhone,
       trigger: "blur",
       message: "请输入正确手机号",
     },
   ],
 },

• 邮箱

const rulesEmail = (rule, value, callback) => {
  if (
    !/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(
      value
    )
  ) {
    callback("邮箱信息有误");
  } else {
    callback();
  }
};
{
  label: "邮箱",
   prop: "email",
   rules: {
     validator: rulesEmail,
     trigger: 'blur',
     message: "请输入正确的邮箱地址",
   },
 },