正则表达式的作用
1. 提取字符串:从指定的字符串中将符合规则部分提取出来
2. 匹配正则:判断一个字符串是否跟指定的规则匹配
3. 替换字符串:将一个字符串中跟规则匹配的部分替换掉
使用说明:正则表达式比较特殊,不是字符串,不用加引号,但是要有定界符,两边都是斜杠。在斜杠后面可以加一 些特定的修饰符
[ ] 字符串用中括号括起来,表示匹配其中的任一字符,相当于或的意思
[^] 匹配除中括号以内的内容
\ 转义符
| 或者,选择两者中的一个。注意|将左右两边分为两部分,而不管左右两边有多长多乱
() 从两个直接量中选择一个,分组 eg:gr(a|e)y匹配gray和grey
[\u4e00-\u9fa5] 匹配汉字
匹配字符串
正则表达式.test(字符串) :可以匹配为true,否则为false
/\d/.test('13522336699') //true
search() 匹配成功 返回下标位置,不成功返回-1
var str = 'www.baidu.com' str.search(/baidu/) // 4
提取字符串
语法: 字符串.match(正则表达式)
var reg = /aaa/g; // 贪婪匹配
var str = 'sdafaaaaaa123wer';
var arr = str.match(reg);
console.log(arr); // ["aaa", "aaa"]
语法: 正则表达式.exec(字符串)
var reg = /(a)aa/g; // 贪婪匹配
var str = 'sdafaa aaaa123wer';
var arr = reg.exec(str);
console.log(arr); // ["aaa", "a", index: 7, input: "sdafaa aaaa123wer"]
替换字符串
语法: 字符串.replace(正则表达式,新内容)
var str = 'i love html very much and html is very good';
var reg = /html/g;
var res = str.replace(reg,'js');
console.log(res); // i love js very much and js is very good
案例:
//验证手机号;
<body>
请输入手机号:<input type="text">
</body>
<script>
// 手机号规则:1开头 第二位[3-9] 上下的9位是任意数字 -总共11位
var input = document.querySelector('input')
console.log(input);
//在文本框失焦时执行函数
input.onblur = function(){
//拿到input里的字符串,准备用正则校验
var num = input.value
//正则表达式
var reg = /^1[3-9]\d{9}$/
var res = reg.test(num)
console.log(res);
}
</script>
</html>
//验证邮箱
<body>
请输入邮箱:<input type="text">
</body>
<script>
var input = document.querySelector('input')
input.onblur = function(){
var num = input.value
console.log(num);
//qq邮箱 /^[1-9]\d{4,9}@qq\.com$/
//网易邮箱
///^[a-zA-Z]\w{5,17}@((163|126)\.com|yeah\.net)$/
var reg = /(^[1-9]\d{4,9}@qq\.com$)|^[a-zA-Z]\w{5,17}@((163|126)\.com|yeah\.net)$/
var res = reg.test(num)
console.log(res);
}
</script>
</html>