naive ui 表单 form 自定义规则判断手机号，身份证号码

最新推荐文章于 2024-06-27 21:36:09 发布

啊翔呀

最新推荐文章于 2024-06-27 21:36:09 发布

阅读量955

点赞数

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/m0_64409387/article/details/126456983

版权

先看官方文档
在这里插入图片描述

在这里插入图片描述
在此基础上，进行了修改：

 id_number: {
            required: true,
            validator(rule, value) {
              // 自定义验证  规则
              let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
              if (!value) {
                return new Error('请输入身份证号')
              } else if (!reg.test(value)) {
                return new Error('身份证格式有误')
              }
              return true
            },
            trigger: ["blur", "input"],
            // message: 1>10?'请输入 身份证号':'666'
          },
          tel: {
            required: true,
            trigger: ["blur", "input"],
            validator(rule, value) {
              // 自定义验证  规则
              const regMobile =
               /^(((\d{3,4}-)?[0-9]{7,8})|(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8})$/
              if (!value) {
                return new Error('请输入电话号码')
              } else if (!regMobile.test(value)) {
                return new Error('电话号码格式有误')
              }
              return true
            },
            // message: "请输入 电话"
          },