正则表达式自己封装使用

首先，自己新建一个regx.js文件，文件里自己写需要的正则校验，如：

window.REGEX={
    mobile:/^1[3456789]\d{9}$/,//手机号
    telephone:/^(1[3456789][0-9]\d{8}|0\d{2,3}\d{7,8})$/,//手机号或座机号
    certNum:/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,//身份证
    bankNum:/^[0-9]{12,22}$/,// 银行卡号
    weChatNum:/^[a-zA-Z][a-zA-Z0-9_-]{5,19}$/,// 微信号
    appId:/^[a-zA-Z0-9]{1,50}$/, // 微信公众号appId
    userName:/^.{1,6}$/,  //限制6个字
    adressEmail:/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/,  //邮箱
    userKinds:/^.{1,10}$/,  //限制10个字
    storeNames:/^.{1,20}$/,  //限制20个字
    openNames:/^.{1,30}$/,  //限制30个字
    holdNames:/^.{1,50}$/,  //限制50个字
};

写好之后去需要做校验的页面引入使用即可，如：<script src="../../../js/regx.js"></script>，此路径根据自己实际情况相应引入

我的项目是vue开发的，所以使用时还要写个计算属性，如下：

computed: {
    // 正则
    REGEX:function(){
        var obj = {};
        for(var key in REGEX){
            obj[key]=String(REGEX[key]).slice(1,-1)
        }
        return obj;
    }
},

之后实际事件引用校验可以这样验证：如下：证件号码格式校验

if(!(REGEX.certNum.test(_this.cardNumber))){     //_this.cardNumber为需要校验的变量
    this.$createToast({
        txt: '证件号码必填且输入正确格式',
        time: 1000,
        type: 'error'
    }).show();
    return;
}

总结完成，希望可以帮到大家！！！