惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

GbyAI
GbyAI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 叶小钗
大猫的无限游戏
大猫的无限游戏
H
Help Net Security
G
Google Developers Blog
D
Docker
阮一峰的网络日志
阮一峰的网络日志
A
About on SuperTechFans
aimingoo的专栏
aimingoo的专栏
博客园 - 聂微东
Hugging Face - Blog
Hugging Face - Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
Apple Machine Learning Research
Apple Machine Learning Research
云风的 BLOG
云风的 BLOG
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
腾讯CDC
T
The Blog of Author Tim Ferriss
Microsoft Security Blog
Microsoft Security Blog
WordPress大学
WordPress大学
I
InfoQ
Engineering at Meta
Engineering at Meta
Stack Overflow Blog
Stack Overflow Blog
Google DeepMind News
Google DeepMind News

博客园 - 李文学

Windows Server 2016 64位 ASP+Access(.mdb) 80004005 最简解决方案 Oracle查询表中指定库名,表约束名的上下表依赖关系 linux简版启动,关闭jar命令 Oracle11.2实例重启 主流数据库 “匹配更新、不匹配插入” 语法详解(Oracle/MSSQL/MySQL) Centos7扩容2 wps,两个页签比较常用函数 Oracle常见SQL示例 Centos7安装mysql8 Centos7安装ffmpeg 不同数据库标识长度检查 Centos7重置网络 Centos7磁盘空间自动处理 Oracle11新建业务库账号信息 Java启动JAR,.sh版 linux常用命令 centos7防火墙IP白名单维护 centos7安装lamp,php5.6,mysql5.7,xdebug MSSQL最大内存设置
VUE-手机号验证
李文学 · 2025-10-11 · via 博客园 - 李文学

适用版本:2.*

较验代码:

    // 手机号验证函数
    const validatePhone = (rule, value, callback) => {
      // 先检查是否为空(已通过required验证)
      if (!value) {
        return callback(new Error('手机号不能为空'));
      }
      
      // 中国大陆手机号正则表达式
      const phoneReg = /^1[3-9]\d{9}$/;
      
      if (!phoneReg.test(value)) {
        callback(new Error('请输入有效的手机号(11位数字,以1开头)'));
      } else {
        callback(); // 验证通过
      }
    };

较验引用:

        rules: {
          groupContactsPhone: [
            {required: true, message: '请输入集团联系人手机号', trigger: 'change'},
            { validator: validatePhone, trigger: 'change' }
          ],
          enterpriseContactsPhone: [
            {required: true, message: '请输入企业联系手机号', trigger: 'blur'},
            { validator: validatePhone, trigger: 'change' }
          ],
          peopleDeath: [
            {required: true, message: '请输入人员死亡(人)', trigger: 'change'},
            {type: 'number', message: '必须为数字值', trigger: 'change'},
            {
              validator: (rule, value, callback) => {
                if (value < 0) {
                  callback(new Error('人数不能小于0'));
                } else {
                  callback();
                }
              }, trigger: 'change'
            }
          ],
          peopleSeriousInjury: [
            {required: true, message: '请输入人员重伤(人)', trigger: 'change'},
            {type: 'number', message: '必须为数字值', trigger: 'change'},
            {
              validator: (rule, value, callback) => {
                if (value < 0) {
                  callback(new Error('人数不能小于0'));
                } else {
                  callback();
                }
              }, trigger: 'change'
            }
          ],
          peopleSlight: [
            {required: true, message: '请输入人员轻伤(人)', trigger: 'change'},
            {type: 'number', message: '必须为数字值', trigger: 'change'},
            {
              validator: (rule, value, callback) => {
                if (value < 0) {
                  callback(new Error('人数不能小于0'));
                } else {
                  callback();
                }
              }, trigger: 'change'
            }
          ],
          propertyLoss: [
            {required: true, message: '请输入财产损失(元)', trigger: 'change'},
            {type: 'number', message: '必须为数字值', trigger: 'change'},
            {
              validator: (rule, value, callback) => {
                if (value < 0) {
                  callback(new Error('金额不能小于0'));
                } else {
                  callback();
                }
              }, trigger: 'change'
            }
          ],
        },