一、正则表达式
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 替换
正则表达式参数:如果不加参数,则只匹配一次。