element 表单验证身份证号规则和手机号规则

最新推荐文章于 2025-05-31 23:07:05 发布

Yangjie_iii

最新推荐文章于 2025-05-31 23:07:05 发布

阅读量190

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 javascript 开发语言 element表单验证

本文链接：https://blog.youkuaiyun.com/Yangjie_iii/article/details/145117897

const isCardId = (rule, value, callback) => {
  if (value) {
    const reg =
      /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[0-2])(([0-2][1-9])|10|20|30|31)\d{3}(\d|X|x)$/;
    const card = reg.test(value);
    if (!card) {
      callback(new Error("身份证号格式有误！"));
    } else {
      callback();
    }
  } else {
    callback();
  }
  callback();
}

规格调用：

  idCard: [{
    validator: isCardId,
    trigger: 'change'
  }],

手机号验证规则：

 mobile: [
    {required: true, message: '手机号码不能为空', trigger: 'blur'},
    {
      pattern: /^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
      message: '请输入正确的手机号码',
      trigger: 'blur'
    }
  ],