A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

王家辉

中级黑马

  • 黑马币:0

  • 帖子:18

  • 精华:0

© 王家辉 中级黑马   /  2013-3-19 13:57  /  1648 人查看  /  7 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

有一种不知道怎么入手掌握它的感觉,没次想验证某个表单,我就会想着去百度下他的正则怎么写,虽然能够把效果实现出来,但是不在我自己的掌控中的东西,好虚。用jquery的validate还好记一些。 不知道其他同学是怎么学习这个的,可以给点经验吗。。

评分

参与人数 1技术分 +1 收起 理由
陈丽莉 + 1 新人加油

查看全部评分

7 个回复

倒序浏览
本帖最后由 罗玉宁 于 2013-3-21 02:02 编辑

一.创建正则表达式
    创建正则表达式和创建字符串类似,创建正则表达式提供了两种方法,一种是采用new
运算符,另一个是采用字面量方式。
    1.两种创建方式
    varbox=newRegExp('box');               //第一个参数字符串
    varbox=newRegExp('box','ig');          //第二个参数可选模式修饰符
                             模式修饰符的可选参数
                  参 数                                 含 义
                    i                               忽略大小写
                    g                                全局匹配
                    m                                多行匹配
    varbox=/box/;                          //直接用两个反斜杠
    varbox=/box/ig;                        //在第二个斜杠后面加上模式修饰符
2.测试正则表达
    RegExp对象包含两个方法:test()exec(),功能基本相似,用于测试字符串匹配。test()
方法在字符串中查找是否存在指定的正则表达式并返回布尔值,如果存在则返回true,不存
在则返回falseexec()方法也用于在字符串中查找指定正则表达式,如果exec()方法执行成
功,则返回包含该查找字符串的相关信息数组。如果执行失败,则返回null
                               RegExp对象的方法
            方 法                                  功 能
              test               在字符串中测试模式匹配,返回truefalse
             exec                 在字符串中执行匹配搜索,返回结果数组
    /*使用new运算符的test方法示例*/
    Var pattern=newRegExp('box','i');       //创建正则模式,不区分大小写
    Var str='ThisisaBox!';                  //创建要比对的字符串
    alert(pattern.test(str));              //通过test()方法验证是否匹配
    /*使用字面量方式的test方法示例*/
    Var pattern=/box/i;                     //创建正则模式,不区分大小写
    Var str='ThisisaBox!';
    alert(pattern.test(str));
    /*使用一条语句实现正则匹配*/
    alert(/box/i.test('ThisisaBox!'));     //模式和字符串替换掉了两个变量
    /*使用exec返回匹配数组*/
    varpattern=/box/i;
    varstr='ThisisaBox!';
    alert(pattern.exec(str));              //匹配了返回数组,否则返回null

    3.使用字符串的正则表达式方法
    除了test()exec()方法,String对象也提供了4个使用正则表达式的方法。
                         String对象中的正则表达式方法
               方 法                                  含 义
             match(pattern)                返回pattern中的子串或null
       replace(pattern,replacement)         replacement替换pattern
            search(pattern)               返回字符串中pattern开始位置
             split(pattern)            返回字符串按指定pattern拆分的数组
/*使用match方法获取获取匹配数组*/
varpattern=/box/ig;                          //全局搜索
varstr='ThisisaBox!ThatisaBoxtoo';
alert(str.match(pattern));                   //匹配到两个Box,Box
alert(str.match(pattern).length);            //获取数组的长度
/*使用search来查找匹配数据*/
varpattern=/box/ig;
varstr='ThisisaBox!ThatisaBoxtoo';
alert(str.search(pattern));                  //查找到返回位置,否则返回-1
因为search方法查找到即返回,也就是说无需g全局
/*使用replace替换匹配到的数据*/
varpattern=/box/ig;
varstr='ThisisaBox!ThatisaBoxtoo';
alert(str.replace(pattern,'Tom'));           //Box替换成了Tom
/*使用split拆分成字符串数组*/
varpattern=//ig;
varstr='ThisisaBox!ThatisaBoxtoo';
alert(str.split(pattern));                   //将空格拆开分组成数组

评分

参与人数 1技术分 +1 收起 理由
陈丽莉 + 1

查看全部评分

回复 使用道具 举报
本帖最后由 罗玉宁 于 2013-3-21 02:03 编辑

二.获取控制
    正则表达式元字符是包含特殊含义的字符。它们有一些特殊功能,可以控制匹配模式的
方式。反斜杠后的元字符将失去其特殊含义。
                            字符类:单个字符和数字
          元字符/元符号                                匹配情况
                。                    匹配除换行符外的任意字符
             [a-z0-9]                   匹配括号中的字符集中的任意字符
            [^a-z0-9]           匹配任意不在括号中的字符集中的字符
               \d               匹配数字
               \D               匹配非数字,同[^0-9]相同
               \w               匹配字母和数字及_
               \W               匹配非字母和数字及_
     字符类:空白字符
元字符/元符号                   匹配情况
        \0                    匹配null字符
        \b                    匹配空格字符
        \f                    匹配进纸字符
        \n                    匹配换行符
        \r                    匹配回车字符
        \t                    匹配制表符
        \s                    匹配空白字符、空格、制表符和换行符
        \S                    匹配非空白字符
     字符类:锚字符
元字符/元符号                 匹配情况
        ^                     行首匹配
        $                     行尾匹配
       \A                     只有匹配字符串开始处
        \b                    匹配单词边界,词在[]内时无效
        \B                    匹配非单词边界
       \G                     匹配当前搜索的开始位置
        \Z                    匹配字符串结束处或行尾
        \z                    只匹配字符串结束处
    字符类:重复字符
元字符/元符号                  匹配情况
        x?                    匹配0个或1x
       x*                     匹配0个或任意多个x
       x+                     匹配至少一个x
     (xyz)+                   匹配至少一个(xyz)
     x{m,n}                   匹配最少m个、最多nx
     字符类:替代字符
元字符/元符号                匹配情况
this|where|logo               匹配thiswherelogo中任意一个
        字符类:记录字符
元字符/元符号                匹配情况
     (string)                 用于反向引用的分组
           \1$1                 匹配第一个分组中的内容
           \2$2                 匹配第二个分组中的内容
           \3$3                 匹配第三个分组中的内容
/*使用点元字符*/
varpattern=/g..gle/;                             //.匹配一个任意字符
varstr='google';
alert(pattern.test(str));
/*重复匹配*/
varpattern=/g.*gle/;                             //.匹配0个一个或多个
varstr='google';                                 //*,?,+,{n,m}
alert(pattern.test(str));
/*使用字符类匹配*/
varpattern=/g[a-zA-Z_]*gle/;                     //[a-z]*表示任意个a-z中的字符
varstr='google';
alert(pattern.test(str));
varpattern=/g[^0-9]*gle/;                        //[^0-9]*表示任意个非0-9的字符
varstr='google';
alert(pattern.test(str));
varpattern=/[a-z][A-Z]+/;                        //[A-Z]+表示A-Z一次或多次
varstr='gOOGLE';
alert(pattern.test(str));
/*使用元符号匹配*/
varpattern=/g\w*gle/;                            //\w*匹配任意多个所有字母数字_
varstr='google';
alert(pattern.test(str));
varpattern=/google\d*/;                          //\d*匹配任意多个数字
varstr='google444';
alert(pattern.test(str));
varpattern=/\D{7,}/;                             //\D{7,}匹配至少7个非数字
varstr='google8';
alert(pattern.test(str));
/*使用锚元字符匹配*/
varpattern=/^google$/;                           //^从开头匹配,$从结尾开始匹配
varstr='google';
alert(pattern.test(str));
varpattern=/goo\sgle/;                            //\s可以匹配到空格
varstr='google';
alert(pattern.test(str));
varpattern=/google\b/;                            //\b可以匹配是否到了边界
varstr='google';
alert(pattern.test(str));
/*使用或模式匹配*/
varpattern=/google|baidu|bing/;                   //匹配三种其中一种字符串
varstr='google';
alert(pattern.test(str));
回复 使用道具 举报
本帖最后由 罗玉宁 于 2013-3-21 02:04 编辑

/*使用分组模式匹配*/
varpattern=/(google){4,8}/;                       //匹配分组里的字符串4-8
varstr='googlegoogle';
alert(pattern.test(str));
varpattern=/8(.*)8/;                              //获取8..8之间的任意字符
varstr='Thisis8google8';
str.match(pattern);
alert(RegExp.$1);                                 //得到第一个分组里的字符串内容
varpattern=/8(.*)8/;
varstr='Thisis8google8';
varresult=str.replace(pattern,'<strong>$1</strong>');       //得到替换的字符串输出
document.write(result);
varpattern=/(.*)\s(.*)/;
varstr='googlebaidu';
varresult=str.replace(pattern,'$2$1');            //将两个分组的值替换输出
document.write(result);   
/*使用exec返回数组*/
varpattern=/^[a-z]+\s[0-9]{4}$/i;
varstr='google2012';
alert(pattern.exec(str));                          //返回整个字符串
varpattern=/^[a-z]+/i;                             //只匹配字母
varstr='google2012';
alert(pattern.exec(str));                          //返回google
varpattern=/^([a-z]+)\s([0-9]{4})$/i;              //使用分组
varstr='google2012';
alert(pattern.exec(str)[0]);                       //google2012
alert(pattern.exec(str)[1]);                       //google
alert(pattern.exec(str)[2]);                       //2012
/*捕获性分组和非捕获性分组*/
varpattern=/(\d+)([a-z])/;                         //捕获性分组
varstr='123abc';
alert(pattern.exec(str));
varpattern=/(\d+)(?:[a-z])/;                       //非捕获性分组
varstr='123abc';
alert(pattern.exec(str));
/*使用分组嵌套*/
varpattern=/(A?(B?(C?)))/;                         //从外往内获取
varstr='ABC';
alert(pattern.exec(str));
     /*使用前瞻捕获*/
     varpattern=/(goo(?=gle))/;                      //goo后面必须跟着gle才能捕获
     varstr='google';
     alert(pattern.exec(str));
     /*使用特殊字符匹配*/
     varpattern=/\.\[\/b\]/;                         //特殊字符,用\符号转义即可
     varstr='.';
     alert(pattern.test(str));
     /*使用换行模式*/
     varpattern=/^\d+/mg;                            //启用了换行模式
     varstr='1.baidu\n2.google\n3.bing';
     varresult=str.replace(pattern,'#');
     alert(result);
三.常用的正则
     1.检查邮政编码
     varpattern=/[1-9][0-9]{5}/;                     //6位数字,第一位不能为0
     varstr='224000';
     alert(pattern.test(str));
     2.检查文件压缩包
     varpattern=/[\w]+\.zip|rar|gz/;                 //\d\w_表示所有数字和字母加下划线
     varstr='123.zip';                               //\.表示匹配.,后面是一个选择
     alert(pattern.test(str));
     3.删除多余空格
     varpattern=/\s/g;                               //g必须全局,才能全部匹配
     varstr='111222333';
     varresult=str.replace(pattern,'');              //把空格匹配成无空格
     alert(result);
     4.删除首尾空格
     varpattern=/^\s+/;                              //强制首
     varstr='             goo gle                ';
     varresult=str.replace(pattern,'');
     pattern=/\s+$/;                                 //强制尾
     result=result.replace(pattern,'');
     alert('|'+result+'|');
varpattern=/^\s*(.+?)\s*$/;                  //使用了非贪婪捕获
varstr='              google           ';
alert('|'+pattern.exec(str)[1]+'|');
varpattern=/^\s*(.+?)\s*$/;
varstr='              google           ';
alert('|'+str.replace(pattern,'$1')+'|');    //使用了分组获取
5.简单的电子邮件验证
varpattern=/^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-9_\.\-]+)\.([a-zA-Z]{2,4})$/;
varstr='yc60.com@gmail.com';
alert(pattern.test(str));
varpattern=/^([\w\.\-]+)@([\w\.\-]+)\.([\w]{2,4})$/;
varstr='yc60.com@gmail.com';
alert(pattern.test(str));

评分

参与人数 1技术分 +3 收起 理由
陈丽莉 + 3

查看全部评分

回复 使用道具 举报
后半部分主要是各个讲解的例子代码
回复 使用道具 举报
罗玉宁 发表于 2013-3-21 02:05
后半部分主要是各个讲解的例子代码

这些  都要背下来么  好多啊   !!!
回复 使用道具 举报
谢洋 高级黑马 2013-3-21 10:24:18
7#
罗玉宁 发表于 2013-3-21 02:01
/*使用分组模式匹配*/ varpattern=/(google){4,8}/;                       //匹配分组里的字符串4-8次 var ...

好东西,收收藏了
回复 使用道具 举报
记得及时处理帖子哦,继续追问,或将分类改成【已解决】~
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马