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

推荐订阅源

博客园 - 三生石上(FineUI控件)
S
SegmentFault 最新的问题
阮一峰的网络日志
阮一峰的网络日志
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
雷峰网
雷峰网
Apple Machine Learning Research
Apple Machine Learning Research
WordPress大学
WordPress大学
博客园 - 司徒正美
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
宝玉的分享
宝玉的分享
爱范儿
爱范儿
月光博客
月光博客
The GitHub Blog
The GitHub Blog
M
MIT News - Artificial intelligence
H
Hackread – Cybersecurity News, Data Breaches, AI and More
B
Blog
T
Tailwind CSS Blog
美团技术团队
D
Docker
V
Visual Studio Blog
Martin Fowler
Martin Fowler
博客园 - 聂微东
The Cloudflare Blog

博客园 - 李文学

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'
            }
          ],
        },