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

推荐订阅源

博客园 - 【当耐特】
云风的 BLOG
云风的 BLOG
罗磊的独立博客
C
Check Point Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Blog — PlanetScale
Blog — PlanetScale
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
月光博客
月光博客
大猫的无限游戏
大猫的无限游戏
Google DeepMind News
Google DeepMind News
Engineering at Meta
Engineering at Meta
N
Netflix TechBlog - Medium
宝玉的分享
宝玉的分享
Recent Announcements
Recent Announcements
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园_首页
J
Java Code Geeks
Apple Machine Learning Research
Apple Machine Learning Research
人人都是产品经理
人人都是产品经理
爱范儿
爱范儿
I
InfoQ
Hugging Face - Blog
Hugging Face - Blog
T
Tailwind CSS Blog
B
Blog RSS Feed

博客园 - 李文学

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