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

推荐订阅源

Google DeepMind News
Google DeepMind News
爱范儿
爱范儿
J
Java Code Geeks
L
LangChain Blog
V
V2EX
大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
博客园 - Franky
Microsoft Azure Blog
Microsoft Azure Blog
Jina AI
Jina AI
Blog — PlanetScale
Blog — PlanetScale
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
The Cloudflare Blog
博客园 - 司徒正美
B
Blog
G
Google Developers Blog
Stack Overflow Blog
Stack Overflow Blog
罗磊的独立博客
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Apple Machine Learning Research
Apple Machine Learning Research
Engineering at Meta
Engineering at Meta
MyScale Blog
MyScale Blog
有赞技术团队
有赞技术团队
Hugging Face - Blog
Hugging Face - 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'
            }
          ],
        },