sunny123456

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

2020 VUE 正则表达式验证邮箱和手机号码
https://www.freesion.com/article/9348266496/

验证邮箱和手机号

在这里插入图片描述

 		//验证邮箱的规则
        var checkEmail = (rule,value,cb) =>{
            const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
            if(regEmail.test(value)){
                //合法的邮箱
                return cb()
            }
            cb(new Error("请输入合法的邮箱"))
        }
        //验证手机号码的规则
        var checkMobile = (rule,value,cb) =>{
            const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/ 
            if (regMobile.test(value)) { 
                //合法的手机号码
                return cb() 
            }
            cb(new Error('手机号码格式不正确'))     
        }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
email: [
           {required: true,message: '请输入邮箱',trigger: 'blur'},
           {validator: checkEmail, trigger: 'blur'}
        ],
        mobile: [
           {required: true,message: '请输入手机号码',trigger: 'blur'},
           {validator: checkMobile, trigger: 'blur'}
        ]
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

最后,看完本篇博客后,觉得挺有帮助的话,可以继续查看专栏其它内容嗷,一起来学习Vue吧~
在这里插入图片描述

点击进入Vue❤学习专栏~

学如逆水行舟,不进则退
  • 1
posted on 2022-05-09 21:38  sunny123456  阅读(810)  评论(0编辑  收藏  举报