正则表达式校验手机号

最新推荐文章于 2024-08-24 09:05:03 发布

前端一枚

最新推荐文章于 2024-08-24 09:05:03 发布

阅读量8.3k

点赞数 2

分类专栏： vue element-ui 正则文章标签： elementui表单校验手机正则

本文链接：https://blog.csdn.net/u011200562/article/details/114967633

版权

vue 同时被 3 个专栏收录

62 篇文章 1 订阅

订阅专栏

element-ui

5 篇文章 0 订阅

订阅专栏

正则

2 篇文章 0 订阅

订阅专栏

手机号的正则表达式校验规则如下：

validatePhone = (rule, value, callback) => {
    var phone=value.replace(/\s/g, "");//去除空格
    //校验手机号，号段主要有(不包括上网卡)：130~139、150~153，155~159，180~189、170~171、176~178。14号段为上网卡专属号段
    let regs = /^((13[0-9])|(17[0-1,6-8])|(15[^4,\\D])|(18[0-9]))\d{8}$/;
    if(value.length != 0){
         if(!regs.test(phone)){
            callback([new Error('手机号输入不合法')]);
        }else{
            callback();
        }
    }
}


data(){
    return {
       addStaffRules: {
            mobile: [
              { validator: validatePhone, trigger: "blur" },
              { required: true, message: "请输入手机号", trigger: "blur" },
            ],
        }
    }
}

这个是是elementui手机表单校验的方法，其实用的就是正则,要学会举一反三哦！