美文网首页
前端开发之JS(正则)

前端开发之JS(正则)

作者: 小九喵喵 | 来源:发表于2016-07-29 16:34 被阅读63次

    js正则表达式

    电话号码的匹配

    /13566668888/.test(value)

    完全匹配

    <input type="text" onblur="check(this)" onfocus="reset(this)">
        <script>
            function check(mobileInput){
                var value = mobileInput.value;
                if(!/13566668888/.test(value)){
                    mobileInput.style.borderColor = 'red';
                }
            }
    
            function reset(mobileInput){
                mobileInput.style.borderColor = '';
            }
        </script>
    
    /^13566668888$/.test(value)
    /^1[0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9]$/.test(value)
    /^1\d\d\d\d\d\d\d\d\d\d$/.test(value)
    表达式 可匹配
    /d 任意一个数字,0~9 中的任意一个
    /w 任意一个字母或数字或下划线,也就是 AZ,az,0~9,_ 中任意一个
    /s 包括空格、制表符、换页符等空白字符的其中任意一个
    . 小数点可以匹配除了换行符(/n)以外的任意一个字符
    /^1\d{10}$/.test(value)
    /(.+)@(163|126|188)\.com$/.test(value)
    /^http:\/\/.+/.test(value)

    以http://起始

    /.+@163\.com$/.test(value)

    以@163.com结尾

    match
    <script>
            var url = 'http://blog.163.com/album?id=1#comment';
            var arr = url.match(/(https?:)\/\/([^\/]+)(\/[^\?]*)?(\?[^#]*)?(#.*)?/);
            // var arr = url.match(/(https?:)\/\/([^\/]+)([^\?]*)([^#]*)(.*)/);
            console.log(arr);
        </script>
    

    替换

        <script>
            var container = document.getElementById('container');
            
            var html = '<label>网址:</label><input placeholder="以http://起始">';
            html = html.replace(/[<>]/g, function(m0){
                switch(m0){
                    case '<':
                        return '<';
                    case '>':
                        return '>';
                }
            });
            console.log(html);
            container.innerHTML = html;
        </script>
    

    exec

    <script>
            var reg = /(.)(\d+)/g;
            var scores = 'Tom $88, Nicholas ¥100, jack £38.';
            var result;
            while(result = reg.exec(scores)){
                console.log(result);
                console.log(reg.lastIndex);
                // reg.lastIndex += 10;
            }
        </script>
    

    正则表达式应用——实例应用
    1.验证用户名和密码:("^[a-zA-Z]\w{5,15}$")正确格式:"[A-Z][a-z][0-9]"组成,并且第一个字必须为字母6~16位;
    2.验证电话号码:("^(\d{3,4}-)\d{7,8}$")正确格式:xxx/xxxx-xxxxxxx/xxxxxxxx;
    3.验证手机号码:"^1[3|4|5|7|8][0-9]\d{8}$";
    4.验证身份证号(15位或18位数字):"\d{14}[[0-9],0-9xX]";
    5.验证Email地址:("^\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)$");
    6.只能输入由数字和26个英文字母组成的字符串:("^[A-Za-z0-9]+$") ;
    7.整数或者小数:^[0-9]+([.][0-9]+){0,1}$
    8.只能输入数字:"^[0-9]
    $"。
    9.只能输入n位的数字:"^\d{n}$"。
    10.只能输入至少n位的数字:"^\d{n,}$"。
    11.只能输入m~n位的数字:"^\d{m,n}$"。
    12.只能输入零和非零开头的数字:"^(0|[1-9][0-9])$"。
    13.只能输入有两位小数的正实数:"^[0-9]+(.[0-9]{2})?$"。
    14.只能输入有1~3位小数的正实数:"^[0-9]+(.[0-9]{1,3})?$"。
    15.只能输入非零的正整数:"^+?[1-9][0-9]
    $"。
    16.只能输入非零的负整数:"^-[1-9][0-9]$"。
    17.只能输入长度为3的字符:"^.{3}$"。
    18.只能输入由26个英文字母组成的字符串:"^[A-Za-z]+$"。
    19.只能输入由26个大写英文字母组成的字符串:"^[A-Z]+$"。
    20.只能输入由26个小写英文字母组成的字符串:"^[a-z]+$"。
    21.验证是否含有%&',;=?$"等字符:"[%&',;=?$\]+"。
    22.只能输入汉字:"^[\u4e00-\u9fa5]{0,}$"。
    23.验证URL:"^http://([\w-]+.)+[\w-]+(/[\w-./?%&=]
    )?$"。
    24.验证一年的12个月:"^(0?[1-9]|1[0-2])$"正确格式为:"01"~"09"和"10"~"12"。
    25.验证一个月的31天:"^((0?[1-9])|((1|2)[0-9])|30|31)$"正确格式为;"01"~"09"、"10"~"29"和“30”~“31”。
    26.获取日期正则表达式:\d{4}[年|-|.]\d{\1-\12}[月|-|.]\d{\1-\31}日?
    评注:可用来匹配大多数年月日信息。
    27.匹配双字节字符(包括汉字在内):[^\x00-\xff]
    评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)
    28.匹配空白行的正则表达式:\n\s\r
    评注:可以用来删除空白行
    29.匹配HTML标记的正则表达式:<(\S
    ?)[^>]>.?</>|<.? />
    评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力
    30.匹配首尾空白字符的正则表达式:^\s
    |\s$
    评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式
    31.匹配网址URL的正则表达式:[a-zA-z]+://[^\s]

    评注:网上流传的版本功能很有限,上面这个基本可以满足需求
    32.匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9
    ]{4,15}$
    评注:表单验证时很实用
    33.匹配腾讯QQ号:[1-9][0-9]{4,}
    评注:腾讯QQ号从10 000 开始
    34.匹配中国邮政编码:[1-9]\d{5}(?!\d)
    评注:中国邮政编码为6位数字
    35.匹配ip地址:([1-9]{1,3}.){3}[1-9]。
    评注:提取ip地址时有用
    36.匹配MAC地址:([A-Fa-f0-9]{2}:){5}[A-Fa-f0-9]

    示例

    相关文章

      网友评论

          本文标题:前端开发之JS(正则)

          本文链接:https://www.haomeiwen.com/subject/umygjttx.html