正则得介绍和使用——表单验证
1、正则的概念
(1)js这门语言一开始诞生得目的是什么?
就是为了做表单验证。在JS未出现以前,表单的信息验证需要传输给后台,让后台做数据验证处理之后,再返回给前端页面处理的结果。在带宽有限的情况下,整个验证过程非常复杂,且耗时。
在使用JS做验证的过程中,一个简单的验证规则的实现非常的麻烦。
如:从杂乱的字符串中找数字
var str = "asd68asd687as6da78sd123123zcacas" var linshi=''; var arr=[] for(var i = 0 ; i < str .length ; i ++){ if(str.charAt(i)>=0&&str.charAt(i)<=9){ linshi+=str.charAt(i) }else{ if(linshi!=''){ arr.push(linshi) } } } if(linshi!=''){ arr.push(linshi) } console.log(arr)
如果我们使用正则呢?
var arr = str.match(/\d+/g);
是的使用正则和使用传统的js代码都可以实现这个功能,但是是不是太繁琐了。
(2)、什么是正则?
正则表达式(regular expression)是一个描述字符规则的对象。可以用来检查一个字符串是否含有某个字符,将匹配的字符做替换或者从某个字符串中取出某个条件的子串等。

正则表达式:
正则表达式其实就是一种规则,其实把正则称作规则表达式更为恰当。正则的语法基于一种古老的perl语言。
(3)、为什么要使用正则呢?
前端往往有大量的表单数据校验工作,采用正则表达式会使得数据校验的工作量大大减轻。常用效果:邮箱,手机号,身份证号等(使用熟练的情况下)
正则的使用理念:
任何程序都可以不用正则表达式写出来,但根据懒人原则,怎么做不言而喻。
2.正则的创建方式
正则的创建方式:
(1).构造函数方式
var reg1 = new RegExp("a"); var str = "adassdfsd"; console.log(str.match(reg1)) //输出匹配a的字符
(2).字面量方式,古老的perl语言风格
var reg2 = /a/; console.log(str2.match(reg2)); //输出匹配a的字符
(3)常用的正则表达式
/* / / 是正则表达式的标识符 " " 是字符串的标识符 [ ] 是数组的标识符 { } 是对象的标识符 正则中的修饰符,写在正则表达式后面/的后面: g表示全局匹配,查找所有 i表示忽略大小写 \d 匹配所有的数字 */ var reg = /\d/g; console.log(str.match(reg)) //打印字符串中所有的数字/* + 若干,量词,表示多少个都可以,至少1个,无上限*/ var reg = /\d+/g; console.log(str.match(reg)) //打印字符串中所有的数字,连续/* | 表示或,类似于js中的 || */ var reg = /abc|bbc|cbc|dbc/g console.log(str.match(reg)); //打印字符串中的abc,bbc,cbc,dbc var reg = /[a-c]bc/g /* [ ] 中元符*/ var reg = /[a-z]/ //匹配所有字母 [0-9] == \d /* ^ 排除(除了)*/ var reg = /[^0-9]/ //表示除了数字之外所有/* . 代表所有,不建议使用*/ var reg = /<.+>/g console.log(str.replace(reg,"")) //过滤,表示尖括号里面的东西不要,但是? // 正则的贪婪定律: var reg = /<[^<>]+>/g console.log(str.replace(reg,"")) //表示尖括号里面的东西不要,真 /* 转义字符: \d —— [0-9] 数字 \w —— [a-z0-9_] 数字,字母,下划线 \s —— 空白字符(空格) \D —— [^0-9] 非数字 \W —— [^a-z0-9_] 非数字,字母,下划线 \S —— 非空白字符 量词:限定符,可以指定正则表达式的一个给定组,必须要出现多少次才能满足匹配 * 匹配前面的子表达式零次或多次 + 匹配前面的子表达式至少一次或多次 ? 匹配前面的子表达是零次或一次 {n} 匹配确定n次 {n,} 至少匹配n次 {n,m} 至少匹配n次,最多匹配m次 注:在限定符后紧跟?,则由贪婪匹配变成非贪婪匹配 */