2020 Vue 正则表达式验证邮箱和手机号码【整理】

验证邮箱和手机号

在这里插入图片描述

 		//验证邮箱的规则
        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('手机号码格式不正确'))     
        }
email: [
           {required: true,message: '请输入邮箱',trigger: 'blur'},
           {validator: checkEmail, trigger: 'blur'}
        ],
        mobile: [
           {required: true,message: '请输入手机号码',trigger: 'blur'},
           {validator: checkMobile, trigger: 'blur'}
        ]

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

点击进入Vue❤学习专栏~

学如逆水行舟,不进则退
发布了538 篇原创文章 · 获赞 1515 · 访问量 22万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 程序猿惹谁了 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览