正则表达式：看懂正则表达式只需要几个实例就够了

正则表达式真的不容易看懂，即使看完了所有的字符代表的含义也可能一脸懵逼

而实际上我们只需要一些 "实例" 你就完全可以入门了  （本文可供参考）

就像这样：   （最后还有正则表达式的使用方式哟）

---

 

当然了解一下正则字符含义也是不错的：这里推荐两个链接：

http://jquery.cuishifeng.cn/regexp.html    正则表达式速查表

http://www.runoob.com/jsref/jsref-obj-regexp.html   菜鸟教程正则表达式速查

http://tool.oschina.net/regex/  正则表达式在线验证网站 

---

 

1.正则表达式基础语法

" ^ " 指出一个字符串的开始

" $ " 指出一个字符串的结束

" \"  将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符

"^abc" ：匹配所有以 "abc" 开始的字符串  （例如："abc"，"abccba"）

"abc$"：匹配所有以"abc" 结尾的字符串  （例如："gggabc"，"reddcba"）

"^abc$"：匹配开始和结尾都为"abc"的字符串  （例如："abc"）

"abc"：没有任何字符，匹配任何包含"abc"的字符串  （例如："aaaabccc"，"abc123"）

 "n"：匹配n   "\n"：匹配换行符  "\/"这里是 \ he / 连在一起写，匹配 "  /  " 字符

 

" * "    匹配前面的子表达式零次或多次

" + "   匹配前面的子表达式一次或多次

" ？ "  匹配前面的子表达式零次或一次

"ac*"：匹配字符串其中一个a后面跟着零个或若干个c  （例如："accc"，"abbb"）

"ac+"：匹配字符串其中一个a后面跟着至少一个c或者多个  （例如："ac"，"acccccccc"）

"ac?"：匹配字符串其中一个a后面跟着零个或者一个c  （例如："a"，"ac"）

"a?c+$"：匹配字符串的末尾有零个或一个a跟着一个或多个c  （例如："ac"，"acccccc"，''c''，"ccccccc"）

 

" {n} "    n为非负整数，匹配n次

" {n，} "    n为非负整数，匹配至少n次

" {n，m} "    n，m为非负整数，最少匹配n次 最多匹配m次

"ab{3}"：表示一个字符串有一个a后面跟随2个b  （例如："abb"，"abbbbb"）

"ab{3,}"：表示一个字符串有一个a后面跟随至少2个b  （例如："abb"，"abbb"）

"ab{3,6}"：表示一个字符串有一个a后面跟随3到6个b  （例如："abbb"，"abbbb"，"abbbb"）

 

" | "    表示"或"

" ."    表示任何字符

"a|b"：表示一个字符串里有 a 或者 b （例如："a"，"b"，"ab"，"abc"）

"a."：表示一个字符串有一个 a 后面跟着一个任意字符  （例如："a1"，"a456"，"avv"）

 

方括号里用"^"表示不希望出现的字符

" [abc]" ：表示字符集合，表示一个字符串有一个"a"或"b"或"c"  等价于 [z|b|c]

" [^abc]"：   表示一个字符串中不应该出现abc，即是匹配未包含改集合的任意字符

" [a-z]"： 表示一个字符串中存在一个a和z之间的所有字母

" [0-9]"： 表示一个字符串中存在一个0和9之间的所有数字

" [^a-z]" ：表示一个字符串中不应该出现a到z之间的任意一个字母

"^[a-zA-Z]" ：表示一个字符串中以字母开头

"[0-9]%"：表示一个百分号前有一个的数字；

 

" \d "    匹配一个数字字符，等价[0-9]

" \D "    匹配一个非数字字符，等价[^0-9]

" \f"    匹配一个换页符，等价\x0c和\cL

" \n "    匹配一个换行符。等价于\x0a和\cJ

" \r "   匹配一个回车符。等价于\x0d和\cM

" \s "   匹配任何空白字符，包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]

" \S"    匹配任何非空白字符。等价于[^ \f\n\r\t\v]

" \t"    匹配一个制表符。等价于\x09和\cI

" \v "    匹配一个垂直制表符。等价于\x0b和\cK

" \w"    匹配包括下划线的任何单词字符。等价于“[A-Za-z0-9_]”

" \W"    匹配任何非单词字符。等价于“[^A-Za-z0-9_]”

2.正则表达式实战

 

/^[0-9]{1,20}$/ 

表示字符串全部由数字组成，即是匹配当前字符串是否是由全数字组成

[0-9] 表示字符的范围是0到9

{1,20}表示字符串长度至少为1，最多为20，字符串出现次数的范围

 

/^[a-zA-Z]{1}([a-zA-Z0-9._]){5,15}$/

可以用来验证登录名，首字母为字母，长度为至少6最多16

^[a-zA-Z]{1} 表示最开始的第一个首字母为字母

([a-zA-Z0-9._]){5,15}  这是首字母后面的即是从第二个字母开始要求至少再有5个最多15个由字母数字以及指定特殊字符组成的字符串

 

/^[1][3|4|5|8][0-9]\d{8}$/

可以用来验证手机号码，首字母为1，长度11，首尾都是数字

^[1] 第一个数字为1

[3|4|5|8] 第二个数字为 3或者4或者5或者8

[0-9]\d{8} 匹配一个数字范围是0-9，匹配8次，所以至少要有8个数字。加起来就是11个

 

/^(\w){6,20}$/

验证密码

\w 匹配任何非单词字符 等价于“[^A-Za-z0-9_]”

(\w){6,20} 匹配任何非单词字符，最少6个最多20个

 

3.RegExp 对象的属性和方法

 

下面我们来研究如何使用

//构造一个正则对象，并填写表达式

var re = new RegExp("\[0-9]*");
var re = /[0-9]*/;

//注意：当使用构造函数（new RegExp）创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）

test() 方法：正则表达式方法。

test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。

var re = /[0-9]*/;

re.test("abc")  //返回false

re.test("1234")  //返回true

exec() 方法：一个正则表达式方法。

exec() 方法用于检索字符串中的正则表达式的匹配。

该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

var re = /[0-9]*/;

re.exec("abc")  //返回 null

re.exec("1234")  //返回1234

当然实际中可能比较复杂，这就需要清晰的嵌套了