正则

1.正则的概念

    JS诞生的目的是什么?

    就是为了做表单验证。

    在JS未出现以前,表单的信息验证需要传输给后台,让后台做数据验证处理之后,再返回给前端页面处理的结果。在带宽有限的情况下,整个验证过程非常复杂,且耗时。


    在使用JS做验证的过程中,一个简单的验证规则的实现非常的麻烦。

    如:从杂乱的字符串中找数字

    var str = "asd68asd687as6da78sd123123zcacas"

    var linshi='';

    var arr=[]

    for(var i = 0 ; i < str .length ; i ++){

        if(str.charAt(i)>=0&&str.charAt(i)<=9){

            linshi+=str.charAt(i)

        }else{

            if(linshi!=''){

                arr.push(linshi)     

            }

        }

    }

    if(linshi!=''){

        arr.push(linshi)     

    }

    console.log(arr)

    如果使用正则的方式:

    var arr = str.match(/\d+/g);

   就可以完成功能

    什么是正则?

    正则表达式(regular expression)是一个描述字符规则的对象。可以用来检查一个字符串是否含有某个字符,将匹配的字符做替换或者从某个字符串中取出某个条件的子串等。


    正则表达式:

    正则表达式其实就是一种规则,其实把正则称作规则表达式更为恰当。正则的语法基于一种古老的perl语言。

    为什么要用正则:

    前端往往有大量的表单数据校验工作,采用正则表达式会使得数据校验的工作量大大减轻。常用效果:邮箱,手机号,身份证号等(使用熟练的情况下)

    正则的使用理念:

    任何程序都可以不用正则表达式写出来,但根据懒人原则,怎么做不言而喻。


2.创建方式

    正则的创建方式:

    1.构造函数方式

        var reg1 = new RegExp("a");

        var str = "adassdfsd";

        console.log(str.match(reg1))        //输出匹配a的字符

    2.字面量方式,古老的perl语言风格

        var reg2 = /a/;

        console.log(str2.match(reg2));      //输出匹配a的字符

      / / 是正则表达式的标识符

      " " 是字符串的标识符

      [ ] 是数组的标识符

      { } 是对象的标识符


    正则中的修饰符,写在正则表达式后面/的后面:

    g表示全局匹配,查找所有

    i表示忽略大小写

    课程目标:邮箱的规则

123abc@qq.com

        数字+英文+@+英文+.+英文


    正则的验证:

    var reg = /[0-9]/;

    reg.test(str)    //返回为true表示验证成功,false表示失败

4.字符串.replace(oldstr, newstr)函数 和 字符串.match(正则)函数

   字符串的replace函数的功能:将老字符串替换成新字符串

   可以利用此函数,将老字符串表示成正则表达式,对字符串进行替换

    如:字符串中的abc替换成“哈哈”,如果正则后面没有g,则只替换一个,如果没有i,则大写不会替换

    var str = “abc123abc456abbcdABCefaacbcdbcabc";

   var reg = /abc/g;

    console.log(str.replace(reg,"哈哈"));

    字符串match函数的功能:提取所有的想要的东西

    返回一个数组,包含所有符合条件的字符

   \d    匹配所有的数字

    var reg = /\d/g;

    console.log(str.match(reg))    //打印字符串中所有的数字

+     若干,量词,表示多少个都可以,至少1个,无上限

    var reg = /\d+/g;

    console.log(str.match(reg))    //打印字符串中所有的数字,连续

    |     或,类似于js中的 ||

    var reg = /abc|bbc|cbc|dbc/g

    console.log(str.match(reg));   //打印字符串中的abc,bbc,cbc,dbc

    var reg = /[a-c]bc/g

   [ ]    中元符

    var reg = /[a-z]/              //匹配所有字母

    [0-9] == \d

    ^     排除(除了)

    var reg = /[^0-9]/             //表示除了数字之外所有

    .     代表所有,不建议使用

    var reg = /<.+>/g

    console.log(str.replace(reg,""))              //过滤,表示尖括号里面的东西不要,但是?

    正则的贪婪定律:

    var reg = /<[^<>]+>/g

    console.log(str.replace(reg,"”))              //表示尖括号里面的东西不要,真

    转义字符:

    \d    ——    [0-9]         数字

    \w    ——    [a-z0-9_]     数字,字母,下划线

    \s    ——    空白字符(空格)   

    \D    ——    [^0-9]        非数字

    \W    ——    [^a-z0-9_]    非数字,字母,下划线

    \S    ——    非空白字符

    量词:限定符,可以指定正则表达式的一个给定组,必须要出现多少次才能满足匹配

    *     匹配前面的子表达式零次或多次

    +     匹配前面的子表达式至少一次或多次

    ?     匹配前面的子表达是零次或一次

    {n}   匹配确定n次

    {n,}  至少匹配n次

    {n,m} 至少匹配n次,最多匹配m次

    注:在限定符后紧跟?,则由贪婪匹配变成非贪婪匹配

    qq号验证规则:

    var reg = /[1-9]\d{4,10}/

    固化的规则:0411-6666888

    开头为0或者2的或者三位数字加上-开头为非零的八位数字,结尾是1到4的分机号

    var reg =/(0\d{2,3}-)?[1-9]\d{7}(-\d{1,4})?/

   复杂邮箱的规则:英文数字下划线@一串英文或数子.一串英文

    var reg =/\w+@[a-z0-9]+\.[a-z]+/i

    想要校验怎么办?在正则转义字符前加上\

正则的方法

    正则.test(字符串)方法,返回值是true和false

    正则.test(字符串)有一个特性,就是只要字符串的一部分符合要求,那么就会返回true

解决方法:

^开始

$结束

exec()找到了返回数组,找不到反回null

    小练习:

    删除多余空格  

    str.replace(/\s+/g,'');

    删除首尾空格

    str.replace(/^\s+/,'');

    str.replace(/\s+$/,'');

    检查邮政编码  共 6 位数字,第一位不能为 0

    /^[1-9]\d{5}$/

http://tool.oschina.net/uploads/apidocs/jquery/regexp.html

正则表达式手册

常用检测方式:

1.中文检测

    unicode编码中文监测:/^[\u2E80-\u9FFF]+$/

2.用户名检测

    正则:/^[a-z0-9_-]{3,16}$/

3.邮箱检测

    /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/

     可以多次出现 (字母数字下划线.-)@可以出现多个(数字字母.-).2到6位字母或.

    /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/

可以有多个(字母数字)可有多个可无(.多个(字母数字))@可以多个(数字字母可   有1次可无(-数字字母))可以有多个(1或2个.多个字母)

abc123@123abc.com

4.URL检测

    /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w\.-]*)*\/?$/

有1次或0次(http有1次或0次s : //) 可以多个(数字字母.-) . 2到6位(字母.) 可多个或0个 (可以多个或0个 /数字字母下划线.-) 可0或1次/

    http://sh.op-ta.l.baidu.com

5.HTML标签检测

    /^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/

<多个(字母)可多个或0个(除了<的所有字符)  />

<多个(字母)可多个或0个(除了<的所有字符)>多个任意字符   </重复第一部分的多个字母>

自定义的html标签

/<[^<>]+>/g

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,651评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,468评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,931评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,218评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,234评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,198评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,084评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,926评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,341评论 1 311
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,563评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,731评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,430评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,036评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,676评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,829评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,743评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,629评论 2 354

推荐阅读更多精彩内容