es6学习（三）：正则表达式

一、正则表达式

1.1 概述：

1.1 1什么是正则表达式：

1.1.2 正则表达式的作用：

匹配、替换、提取

1.1.3 正则表达式的特点：

1.2 正则表达式在js中的使用

1.2 .1创建正则表达式。

 1.2.2 测试正则表达式

 

 1.3 正则表达式中特殊字符

1.3.1 边界符

^和$一起，就是精确匹配

 

 1.3.2 字符类

（1）[   ] 多选一、[a-z] a到z中的字符选一个。或者[a-zA-B0-9]、[a-zA-B0-9_-]

如果中括号中有^，表示取反，说明该字符不能包含[ ]中的字符。

 

1.3.3 量词符

 

 1.3.4 量词重复某个模式的次数

var reg = /^[a-zA-Z0-9]{6，16}/    表示前面的模式重复6-16次。注意量词中间不能有空格{6,16}

案例：用户名的表单验证

    请输入用户名：<input type="text" id="namee"> <span></span>
    <script>
        var namee = document.querySelector('#namee');
        var span = document.querySelector('span');
        namee.addEventListener('blur', function() {
            var reg = /^[a-zA-Z0-9]{6,16}$/;
            var flag = reg.test(namee.value);
            if(flag == true) {
                span.innerHTML = '用户名合法';
                span.style.color = 'green';
                
            } else {
                span.innerHTML = '用户名不合法';
                span.style.color = 'red'; 
            }
        });
    </script>

1.3.5  括号总结以及正则验证工具

 

 1.3.6 预定义类

 案例：座机号码验证

 案例：表单验证

 1.3.7 替换

正则表达式参数：如果不加参数，则只匹配一次。