正则的介绍
js的出现:表单验证
正则表达式:
一个描述字符规则的
对象,可以检查一个字符串是否含有某个字符,将匹配的字符做替换或者从某个字符串中取出某个条件的子串等。
正则的语法基于一种古老的Perl语言
正则的使用和创建
1.使用:
不能直接使用,配合方法使用,正则一般都是用来验证字符的
字符:str.match(reg) str.replace(reg) str.search( )
正则:reg.test( str)
2.正则的功能:
筛选出符合条件的字串,替换成符合条件的字串,验证字符是否符合规则
3.创建
1).构造函数方式:
var reg1 = new RegExp("a"); var str = "adassdfsd"; console.log(str.match(reg1)) //输出匹配a的字符
2).字面量方式:
var reg2 = /a/; console.log(str2.match(reg2)); //输出匹配a的字符
/ / 是正则表达式的标识符
" " 是字符串的标识符
[ ] 是数组的标识符
{ } 是对象的标识符
正则的验证:
var reg = /[0-9]/;
reg.test(str) //返回为true表示验证成功,false表示失败
字符串.replace(oldstr, newstr)函数 和 字符串.match(正则)函数
1).字符串的replace函数的功能:(只能替换一个,且大小写替换也有别)
将老字符串替换成新字符串
2).字符串match函数的功能:
提取所有的想要的东西, 返回一个数组,包含所有符合条件的字符
正则的内容:
修饰符:
正则正则中的修饰符,写在正则表达式 / 的后面:
g :表示全局匹配,查找所有
i:表示忽略大小写
var str="abYchdYewyzyhcyaq" console.log(str.replace(/y/g,"宇")) //abYchdYew宇z宇hc宇aq console.log(str.replace(/y/gi,"宇")) //ab宇chd宇ew宇z宇hc宇aq
量词:限定符
+ 表示至少1个,无上限
( ) 一个独立的部分
[ ] 一个独立的部分,但是中元符内部的内容是或的关系,一个中元符,只能匹配一个字符
^ 在中元符的内部表示非,除了
| 或 ?零次或1次 * 零次或多次
{n} 至少匹配n次 {n,m} 至少匹配n次,最多匹配m次
注:在限定符后紧跟?,则由贪婪匹配变成非贪婪匹配
转义符:
\d —— [0-9] 数字
\w —— [a-z0-9_] 数字,字母,下划线
\s —— 空白字符(空格)
\D —— [^0-9] 非数字
\W —— [^a-z0-9_] 非数字,字母,下划线
\S —— 非空白字符
. 代表所有(不建议使用)
var reg=/<.+>/g //过滤,表示尖括号里的东西不要 console.log(str.replace(reg." ") )
正则的贪婪定律:
var reg = /<[^<>]+>/g console.log(str.replace(reg,"”)) //表示尖括号里面的东西不要,真
修改该局部验证:
需要给正则表达式,加上开头和结束,表示从字符串的开始验证到字符串的结束
^ 表示开始
$ 表示结束
常用检测方式:
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个.多个字母)
4.URL检测
/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w\.-]*)*\/?$/
有1次或0次(http有1次或0次s : //) 可以多个(数字字母.-) . 2到6位(字母.) 可多个或0个 (可以多个或0个 /数字字母下划线.-) 可0或1次/
5.HTML标签检测
/^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/
<多个(字母)可多个或0个(除了<的所有字符) />
<多个(字母)可多个或0个(除了<的所有字符)>多个任意字符 </重复第一部分的多个字母>
6.用正则替换某个字符中所有的特殊字符:
/ [ \w_ ]+ /g