一、创建方式

字面量创建方式
var reg = /abc/;
对象RegExp,适合正则表达式模式不确定的时候
var reg = new RegExp("abc");

二、表达式模式(部分)

常用:

1. \w匹配一个单字字符(字母,数字,下划线) \W
2. \d匹配一个数字 \D
3. x|y匹配x或y

例如,/green|red/匹配“green apple”中的‘green’和“redapple”中的‘red’

4. '*'匹配0次或多次
5. '+'匹配1次或多次
6. '?'匹配0次或1次 与'*' '+' 量词配合使用时,显示非贪婪属性 难点
7. '.'匹配除了换行符(n)之外的任何单个字符
8. 'x(?=y)'匹配x仅仅当x后面紧跟y的时候 正向肯定查找

var re = /Jack(?= Sprat)/; console.log(re.test("Jack Sprat"));

9. 'x(?!y)'匹配'x'仅仅当'x'后面不跟着'y 正向否定查找

console.log(/\d+(?!\.)/.exec("3.141")); //匹配‘141’但是不是‘3.141’

10. '(x)'匹配x并记住该匹配项(记住有啥作用?) 捕获 难点

var re = /(foo) (bar) \1 \2/;
   console.log(re.test("foo bar foo bar")); //true console.log('bar
   foo'.replace( /(...) (...)/, '$2 $1' )); //foo bar console.log('bar
   foo'.replace( /(...) (...)/, '$1 $2' )); //bar foo
   

11. '(?:x)'匹配x但不记住 非捕获 难点

 
 var re = /foo{1,2}/;  console.log(re.test("foo")); //只匹配foo最后的一个o 
 var re = /(?:foo){1,2}/;  console.log(re.test("foo")); //匹配foo整个单词


其他:

  1. {n}n是正整数,匹配正好n次

  2. {n,m}匹配最少n次最多m次,若n m都为0这这个值被忽略

  3. [xyz]匹配方括号中的任意字符 可以用'-'指定一个字符范围

  4. 1匹配任何没有包含在方括号中的字符

  5. [\b]匹配一个退格(U+0008)。(不要和\b混淆了。

  6. \b匹配词的边界 \B 反\b

转移字符

  1. \f

  2. \n

  3. \r

  4. \s匹配一个空白字符(包括空格,制表符,换行符) \S

  5. \t

  6. \v

三、方法

exec() 查找匹配的RegExp方法,返回一个数组(未匹配则返回null)
test() 测试是否匹配的RegExp方法,返回true或false
match() 查找匹配的String的方法,返回一个数组(未匹配则返回null)
search() 测试匹配的String方法,返回匹配到的位置索引或在失败时返回-1
replace() 查找匹配的String方法,并且使用替换字符串替换匹配的字符串
split() 使用正则表达式或者字符串分隔字符串,将分隔后的子字符串存储到数组中的String方法

四、标志

clipboard.png

五、实例

自己实际操作一遍
邮箱验证

/**
*
* @descrition:判断输入的参数是否是个合格标准的邮箱,并不能判断是否有效,有效只能通过邮箱提供商确定。
* @param:str ->待验证的参数。
* @return -> true表示合格的邮箱。
* 
*/
var isEmail = function(str){
    /**
    * @descrition:邮箱规则
    * 1.邮箱以a-z、A-Z、0-9开头,最小长度为1.
    * 2.如果左侧部分包含-、_、.则这些特殊符号的前面必须包一位数字或字母。
    * 3.@符号是必填项
    * 4.右则部分可分为两部分,第一部分为邮件提供商域名地址,第二部分为域名后缀,现已知的最短为2位。最长的为6为。
    * 5.邮件提供商域可以包含特殊字符-、_、.
    */
    var pattern = /^([a-zA-Z0-9]+[-_.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[-_.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,6}$/;
    return pattern.test(str);
}

密码长度

/**
*
* @description: 判断传入的参数的长度是否在给定的有效范围内
* @param: minL->给定的最小的长度
* @param: maxL->给定的最大的长度
* @param: str->待验证的参数
* @return : true表示合理,验证通过
* 
*/
var isAvaiableLength = function(minL,maxL,str){
    return (str.length >= minL && str.length <= maxL) ? true : false;
}

手机

/**
*
* @descrition:判断输入的参数是否是个合格的手机号码,不能判断号码的有效性,有效性可以通过运营商确定。
* @param:str ->待判断的手机号码
* @return: true表示合格输入参数
* 
*/

var isCellphone = function(str) {
    /**
    *@descrition:手机号码段规则
    * 13段:130、131、132、133、134、135、136、137、138、139
    * 14段:145、147
    * 15段:150、151、152、153、155、156、157、158、159
    * 17段:170、176、177、178
    * 18段:180、181、182、183、184、185、186、187、188、189
    * 
    */
    var pattern =  /^(13[0-9]|14[57]|15[012356789]|17[0678]|18[0-9])\d{8}$/;
    return pattern.test(str);
}

身份证

/**
*
* @descrition: 这个函数对输入的参数检查时候是合格的身份证号码,其身份证有效性无法判断。检测的颗粒度可以定制。
* @param->str : 待验证的参数
* @return : true是合格的身份证   false为不合法的身份证
* 
*/
var checkIdCard = function (num) {
        num = num.toUpperCase();

        var cityCode = {11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江 ", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖北 ", 43: "湖南", 44: "广东", 45: "广西", 46: "海南", 50: "重庆", 51: "四川", 52: "贵州", 53: "云南", 54: "西藏 ", 61: "陕西", 62: "甘肃", 63: "青海", 64: "宁夏", 65: "新疆", 71: "台湾", 81: "香港", 82: "澳门", 91: "国外 "};

        if(!cityCode[num.substr(0,2)]){
            alert("地址编码错误");
            return false;
        }
        //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。
        if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) {
            //alert('输入的身份证号长度不对,或者号码不符合规定!\n15位号码应全为数字,18位号码末位可以为数字或X。');
            return false;
        }
        //校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
        //下面分别分析出生日期和校验位
        var len, re;
        len = num.length;
        if (len == 15) {
            re = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/);
            var arrSplit = num.match(re);

            //检查生日日期是否正确
            var dtmBirth = new Date('19' + arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4]);
            var bGoodDay;
            bGoodDay = (dtmBirth.getYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]));
            if (!bGoodDay) {
                //alert('输入的身份证号里出生日期不对!');
                return false;
            }
            else {
                //将15位身份证转成18位
                //校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
                var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
                var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
                var nTemp = 0, k;
                num = num.substr(0, 6) + '19' + num.substr(6, num.length - 6);
                for (k = 0; k < 17; k++) {
                    nTemp += num.substr(k, 1) * arrInt[k];
                }
                num += arrCh[nTemp % 11];
                return true;
            }
        }
        if (len == 18) {
            re = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/);
            var arrSplit = num.match(re);

            //检查生日日期是否正确
            var dtmBirth = new Date(arrSplit[2] + "/" + arrSplit[3] + "/" + arrSplit[4]);
            var bGoodDay;
            bGoodDay = (dtmBirth.getFullYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]));
            if (!bGoodDay) {
                //alert(dtmBirth.getYear());
                //alert(arrSplit[2]);
                //alert('输入的身份证号里出生日期不对!');
                return false;
            }
            else {
                //检验18位身份证的校验码是否正确。
                //校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
                var valnum;
                var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
                var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
                var nTemp = 0, k;
                for (k = 0; k < 17; k++) {
                    nTemp += num.substr(k, 1) * arrInt[k];
                }
                valnum = arrCh[nTemp % 11];
                if (valnum != num.substr(17, 1)) {
                    //alert('18位身份证的校验码不正确!应该为:' + valnum);
                    return false;
                }
                return true;
            }
        }
        return false;
    }

不为空

/**
*
* @Dependence : https://gist.github.com/hehongwei44/3e167cfcda47d4c8051a#file-extendstringprototype-js
* @description : 判断输入的参数是否为空
* @return : true表示为输入参数为空 
* 
*/
var isEmpty = function (str) {
    //空引用  空字符串  空输入
    return str === null || typeof str === "undefined" || String(str).replace(/^\s+|\s+$/g, '').length === 0 ? true : false;
}

邮编

/**
*
* @descrition:判断输入的参数是否是国内合法的邮编地址(ps:国内不包含国外的邮编)
* @link: http://www.youbianku.com/%E9%A6%96%E9%A1%B5
* @param: str为待验证的邮编号码
* @return: true表示为合法的邮编号码
* 
*/

    var isPostcode = function(str) {
            //国内邮编以0-8开头的6为数字
            var pattern = /^[0-8]\d{5}$/;
            return pattern.test(str);
    
    }

银行卡

//Description:  银行卡号Luhm校验
//Luhm校验规则:16位银行卡号(19位通用):
// 1.将未带校验位的 15(或18)位卡号从右依次编号 1 到 15(18),位于奇数位号上的数字乘以 2。
// 2.将奇位乘积的个十位全部相加,再加上所有偶数位上的数字。
// 3.将加法和加上校验位能被 10 整除。 
//bankno为银行卡号 banknoInfo为显示提示信息的DIV或其他控件

function luhmCheck(bankno){
    var lastNum=bankno.substr(bankno.length-1,1);//取出最后一位(与luhm进行比较)

    var first15Num=bankno.substr(0,bankno.length-1);//前15或18位
    var newArr=new Array();
    for(var i=first15Num.length-1;i>-1;i--){    //前15或18位倒序存进数组
        newArr.push(first15Num.substr(i,1));
    }
    var arrJiShu=new Array();  //奇数位*2的积 <9
    var arrJiShu2=new Array(); //奇数位*2的积 >9

    var arrOuShu=new Array();  //偶数位数组
    for(var j=0;j<newArr.length;j++){
        if((j+1)%2==1){//奇数位
            if(parseInt(newArr[j])*2<9)
            arrJiShu.push(parseInt(newArr[j])*2);
            else
            arrJiShu2.push(parseInt(newArr[j])*2);
        }
        else //偶数位
        arrOuShu.push(newArr[j]);
    }

    var jishu_child1=new Array();//奇数位*2 >9 的分割之后的数组个位数
    var jishu_child2=new Array();//奇数位*2 >9 的分割之后的数组十位数
    for(var h=0;h<arrJiShu2.length;h++){
        jishu_child1.push(parseInt(arrJiShu2[h])%10);
        jishu_child2.push(parseInt(arrJiShu2[h])/10);
    }        

    var sumJiShu=0; //奇数位*2 < 9 的数组之和
    var sumOuShu=0; //偶数位数组之和
    var sumJiShuChild1=0; //奇数位*2 >9 的分割之后的数组个位数之和
    var sumJiShuChild2=0; //奇数位*2 >9 的分割之后的数组十位数之和
    var sumTotal=0;
    for(var m=0;m<arrJiShu.length;m++){
        sumJiShu=sumJiShu+parseInt(arrJiShu[m]);
    }

    for(var n=0;n<arrOuShu.length;n++){
        sumOuShu=sumOuShu+parseInt(arrOuShu[n]);
    }

    for(var p=0;p<jishu_child1.length;p++){
        sumJiShuChild1=sumJiShuChild1+parseInt(jishu_child1[p]);
        sumJiShuChild2=sumJiShuChild2+parseInt(jishu_child2[p]);
    }      
    //计算总和
    sumTotal=parseInt(sumJiShu)+parseInt(sumOuShu)+parseInt(sumJiShuChild1)+parseInt(sumJiShuChild2);

    //计算Luhm值
    var k= parseInt(sumTotal)%10==0?10:parseInt(sumTotal)%10;        
    var luhm= 10-k;

    if(lastNum==luhm){

    return true;
    }
    else{

    return false;
    }        
}

视频格式
/^https?.+.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|mp4)$/i.test(string)

六、总结

1.首先给定校验的规则(需要跟产品讨论
2.熟悉正则表达式的模式 (practice
3.多实践,一下不看别人的代码(todo

引用的资料:
https://segmentfault.com/a/11...
https://developer.mozilla.org...


  1. xyz

Hayley
220 声望9 粉丝

人生因选择而不同,因坚持而精彩