javascript正则表达式使用详解
简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具。其作用如下:
测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证。
替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字。
根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字。
基本语法
在对正则表达式的功能和作用有了初步的了解之后,我们就来具体看一下正则表达式的语法格式。
正则表达式的形式一般如下:
/love/ 其中位于“/”定界符之间的部分就是将要在目标对象中进行匹配的模式。用户只要把希望查找匹配对象的模式内容放入“/”定界符之间即可。为了能够使用户更加灵活的定制模式内容,正则表达式提供了专门的“元字符”。所谓元字符就是指那些在正则表达式中具有特殊意义的专用字符,可以用来规定其前导字符(即位于元字符前面的字符)在目标对象中的出现模式。
较为常用的元字符包括: “+”, “*”,以及 “?”。
“+”元字符规定其前导字符必须在目标对象中连续出现一次或多次。
“*”元字符规定其前导字符必须在目标对象中出现零次或连续多次。
“?”元字符规定其前导对象必须在目标对象中连续出现零次或一次。
下面,就让我们来看一下正则表达式元字符的具体应用。
/fo+/ 因为上述正则表达式中包含“+”元字符,表示可以与目标对象中的 “fool”, “fo”, 或者 “football”等在字母f后面连续出现一个或多个字母o的字符串相匹配。
/eg*/ 因为上述正则表达式中包含“*”元字符,表示可以与目标对象中的 “easy”, “ego”, 或者 “egg”等在字母e后面连续出现零个或多个字母g的字符串相匹配。
/Wil?/ 因为上述正则表达式中包含“?”元字符,表示可以与目标对象中的 “Win”, 或者“Wilson”,等在字母i后面连续出现零个或一个字母l的字符串相匹配。
有时候不知道要匹配多少字符。为了能适应这种不确定性,正则表达式支持限定符的概念。这些限定符可以指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。
{n} n 是一个非负整数。匹配确定的 n 次。例如,'o{2}' 不能匹配 "Bob" 中的 'o',但是能匹配 "food" 中的两个 o。
{n,} n 是一个非负整数。至少匹配 n 次。例如,'o{2,}' 不能匹配 "Bob" 中的 'o',但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。
{n,m} m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。例如,"o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。
除了元字符之外,用户还可以精确指定模式在匹配对象中出现的频率。例如,/jim {2,6}/ 上述正则表达式规定字符m可以在匹配对象中连续出现2-6次,因此,上述正则表达式可以同jimmy或jimmmmmy等字符串相匹配。
在对如何使用正则表达式有了初步了解之后,我们来看一下其它几个重要的元字符的使用方式。
代码
1. \s:用于匹配单个空格符,包括tab键和换行符;
2. \S:用于匹配除单个空格符之外的所有字符;
3. \d:用于匹配从0到9的数字;
4. \D:用于匹配\d不匹配的字符;
5. \w:用于匹配字母,数字或下划线字符;
6. \W:用于匹配所有与\w不匹配的字符;
7. :用于匹配除换行符之外的所有字符。
(说明:我们可以把\s和\S以及\w和\W看作互为逆运算)
下面,我们就通过实例看一下如何在正则表达式中使用上述元字符。
/\s+/ 上述正则表达式可以用于匹配目标对象中的一个或多个空格字符。
/\d000/ 如果我们手中有一份复杂的财务报表,那么我们可以通过上述正则表达式轻而易举的查找到所有总额达千元的款项。
除了我们以上所介绍的元字符之外,正则表达式中还具有另外一种较为独特的专用字符,即定位符。定位符用于规定匹配模式在目标对象中的出现位置。 较为常用的定位符包括: “^”, “$”, “\b” 以及 “\B”。
代码
1. “^”定位符规定匹配模式必须出现在目标字符串的开头
2. “$”定位符规定匹配模式必须出现在目标对象的结尾
3. “\b”定位符规定匹配模式必须出现在目标字符串的开头或结尾的两个边界之一
4. “\B”定位符则规定匹配对象必须位于目标字符串的开头和结尾两个边界之内,
5. 即匹配对象既不能作为目标字符串的开头,也不能作为目标字符串的结尾。
同样,我们也可以把“^”和“$”以及“\b”和“\B”看作是互为逆运算的两组定位符。举例来说: /^hell/ 因为上述正则表达式中包含“^”定位符,所以可以与目标对象中以 “hell”, “hello”或“hellhound”开头的字符串相匹配。 /ar$/ 因为上述正则表达式中包含“$”定位符,所以可以与目标对象中以 “car”, “bar”或 “ar” 结尾的字符串相匹配。 /\bbom/ 因为上述正则表达式模式以“\b”定位符开头,所以可以与目标对象中以 “bomb”, 或 “bom”开头的字符串相匹配。/man\b/ 因为上述正则表达式模式以“\b”定位符结尾,所以可以与目标对象中以 “human”, “woman”或 “man”结尾的字符串相匹配。
为了能够方便用户更加灵活的设定匹配模式,正则表达式允许使用者在匹配模式中指定某一个范围而不局限于具体的字符。例如:
代码
1. /[A-Z]/ 上述正则表达式将会与从A到Z范围内任何一个大写字母相匹配。
2. /[a-z]/ 上述正则表达式将会与从a到z范围内任何一个小写字母相匹配。
3. /[0-9]/ 上述正则表达式将会与从0到9范围内任何一个数字相匹配。
4. /([a-z][A-Z][0-9])+/ 上述正则表达式将会与任何由字母和数字组成的字符串,如 “aB0” 等相匹配。
这里需要提醒用户注意的一点就是可以在正则表达式中使用 “()” 把字符串组合在一起。“()”符号包含的内容必须同时出现在目标对象中。因此,上述正则表达式将无法与诸如 “abc”等的字符串匹配,因为“abc”中的最后一个字符为字母而非数字。
如果我们希望在正则表达式中实现类似编程逻辑中的“或”运算,在多个不同的模式中任选一个进行匹配的话,可以使用管道符 “|”。例如:/to|too|2/ 上述正则表达式将会与目标对象中的 “to”, “too”, 或 “2” 相匹配。
正则表达式中还有一个较为常用的运算符,即否定符 “[^]”。与我们前文所介绍的定位符 “^” 不同,否定符 “[^]”规定目标对象中不能存在模式中所规定的字符串。例如:/[^A-C]/ 上述字符串将会与目标对象中除A,B,和C之外的任何字符相匹配。一般来说,当“^”出现在 “[]”内时就被视做否定运算符;而当“^”位于“[]”之外,或没有“[]”时,则应当被视做定位符。
最后,当用户需要在正则表达式的模式中加入元字符,并查找其匹配对象时,可以使用转义符“\”。例如:/Th\*/ 上述正则表达式将会与目标对象中的“Th*”而非“The”等相匹配。
在构造正则表达式之后,就可以象数学表达式一样来求值,也就是说,可以从左至右并按照一个优先级顺序来求值。优先级如下:
代码
1. 1.\ 转义符
2. 2.(), (?, (?=), [] 圆括号和方括号
3. 3.*, +, ?, {n}, {n,}, {n,m} 限定符
4. 4.^, $, \anymetacharacter 位置和顺序
5. 5.|“或”操作
使用实例
在JavaScript 1.2中带有一个功能强大的RegExp()对象,可以用来进行正则表达式的匹配操作。其中的test()方法可以检验目标对象中是否包含匹配模式,并相应的返回true或false。
我们可以使用JavaScript编写以下脚本,验证用户输入的邮件地址的有效性。
代码
1. <html>
2. <head>
3. <script language="Javascript1.2">
4. <!-- start hiding
5. function verifyAddress(obj)
6. {
7. var email = obj.email.value;
8. var pattern =
9. /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
10. flag = pattern.test(email);
11. if(flag)
12. {
13. alert(“Your email address is correct!”);
14. return true;
15. }
16. else
17. {
18. alert(“Please try again!”);
19. return false;
20. }
21. }
22. // stop hiding -->
23. </script>
24. </head>
25. <body>
26. <form onSubmit="return verifyAddress(this);">
27. <input name="email" type="text">
28. <input type="submit">
29. </form>
30. </body>
31. </html>
JS的正则表达式
//校验是否全由数字组成
代码
1. function isDigit(s)
2. {
3. var patrn=/^[0-9]{1,20}$/;
4. if (!patrn.exec(s)) return false
5. return true
6. }
//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
代码
1. function isRegisterUserName(s)
2. {
3. var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
4. if (!patrn.exec(s)) return false
5. return true
6. }
//校验用户姓名:只能输入1-30个以字母开头的字串
代码
1. function isTrueName(s)
2. {
3. var patrn=/^[a-zA-Z]{1,30}$/;
4. if (!patrn.exec(s)) return false
5. return true
6. }
7. }}
8.
9. //校验密码:只能输入6-20个字母、数字、下划线
10. [code]
11. function isPasswd(s)
12. {
13. var patrn=/^(\w){6,20}$/;
14. if (!patrn.exec(s)) return false
15. return true
16. }
//校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”
代码
1. function isTel(s)
2. {
3. //var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;
4. var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
5. if (!patrn.exec(s)) return false
6. return true
7. }
//校验手机号码:必须以数字开头,除数字外,可含有“-”
代码
1. function isMobil(s)
2. {
3. var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
4. if (!patrn.exec(s)) return false
5. return true
6. }
//校验邮政编码
代码
1. function isPostalCode(s)
2. {
3. //var patrn=/^[a-zA-Z0-9]{3,12}$/;
4. var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
5. if (!patrn.exec(s)) return false
6. return true
7. }
//校验搜索关键字
代码
1. function isSearch(s)
2. {
3. var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;'\,.<>/?]{1}[^`~!@$%^&()+=|\\\]
4. [\]\{\}:;'\,.<>?]{0,19}$/;
5. if (!patrn.exec(s)) return false
6. return true
7. }
8.
9. function isIP(s) //by zergling
10. {
11. var patrn=/^[0-9.]{1,20}$/;
12. if (!patrn.exec(s)) return false
13. return true
14. }
正则表达式
代码
1. "^\\d+$" //非负整数(正整数 + 0)
2. "^[0-9]*[1-9][0-9]*$" //正整数
3. "^((-\\d+)|(0+))$" //非正整数(负整数 + 0)
4. "^-[0-9]*[1-9][0-9]*$" //负整数
5. "^-?\\d+$" //整数
6. "^\\d+(file://.//d+)?$" //非负浮点数(正浮点数 + 0)
7. "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"
8. //正浮点数
9. "^((-\\d+(file://.//d+)?)|(0+(//.0+)?))$" //非正浮点数(负浮点数 + 0)
10. "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"
11. //负浮点数
12. "^(-?\\d+)(file://.//d+)?$" //浮点数
13. "^[A-Za-z]+$" //由26个英文字母组成的字符串
14. "^[A-Z]+$" //由26个英文字母的大写组成的字符串
15. "^[a-z]+$" //由26个英文字母的小写组成的字符串
16. "^[A-Za-z0-9]+$" //由数字和26个英文字母组成的字符串
17. "^\\w+$" //由数字、26个英文字母或者下划线组成的字符串
18. "^[\\w-]+(file://.[//w-]+)*@[//w-]+(//.[//w-]+)+$" //email地址
19. "^[a-zA-z]+://(file://w+(-//w+)*)(//.(//w+(-//w+)*))*(//?//S*)?$" //url
20. "^[A-Za-z0-9_]*$"
补充:
i = 忽略大小写区别
g = 匹配所有可能的字串
m = 多行匹配
上一篇:JQuery对数组的一些操作总结(jquery数组函数)
下一篇:常用JS正则表达,大家如有其它的可以回复继续加哦~
讨论数量:2
天涯网魂 3 杠 5 星2013-04-11 20:22:46
验证数字的正则表达式集
验证数字:^[0-9]*$
验证n位的数字:^\d{n}$
验证至少n位数字:^\d{n,}$
验证m-n位的数字:^\d{m,n}$
验证零和非零开头的数字:^(0|[1-9][0-9]*)$
验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$
验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$
验证非零的正整数:^\+?[1-9][0-9]*$
验证非零的负整数:^\-[1-9][0-9]*$
验证非负整数(正整数 + 0) ^\d+$
验证非正整数(负整数 + 0) ^((-\d+)|(0+))$
验证长度为3的字符:^.{3}$
验证由26个英文字母组成的字符串:^[A-Za-z]+$
验证由26个大写英文字母组成的字符串:^[A-Z]+$
验证由26个小写英文字母组成的字符串:^[a-z]+$
验证由数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$
验证由数字、26个英文字母或者下划线组成的字符串:^\w+$
验证用户密码:^[a-zA-Z]\w{5,17}$ 正确格式为:以字母开头,长度在6-18之间,只能包含字符、数字和下划线。
验证是否含有 ^%&',;=?$\" 等字符:[^%&',;=?$\x22]+
验证汉字:^[\u4e00-\u9fa5],{0,}$
验证Email地址:^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
验证InternetURL:^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ;^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$
验证电话号码:^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$:--正确格式为:XXXX-XXXXXXX,XXXX-XXXXXXXX,XXX-XXXXXXX,XXX-XXXXXXXX,XXXXXXX,XXXXXXXX。
验证身份证号(15位或18位数字):^\d{15}|\d{}18$
验证一年的12个月:^(0?[1-9]|1[0-2])$ 正确格式为:“01”-“09”和“1”“12”
验证一个月的31天:^((0?[1-9])|((1|2)[0-9])|30|31)$ 正确格式为:01、09和1、31。
整数:^-?\d+$
非负浮点数(正浮点数 + 0):^\d+(\.\d+)?$
正浮点数 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
非正浮点数(负浮点数 + 0) ^((-\d+(\.\d+)?)|(0+(\.0+)?))$
负浮点数 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
浮点数 ^(-?\d+)(\.\d+)?$
天涯网魂 3 杠 5 星2013-04-11 17:47:11
修饰符
修饰符 |
描述 |
i |
执行对大小写不敏感的匹配。 |
g |
执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 |
m |
执行多行匹配。 |
方括号
方括号用于查找某个范围内的字符:
表达式 |
描述 |
[abc] |
查找方括号之间的任何字符。 |
[^abc] |
查找任何不在方括号之间的字符。 |
[0-9] |
查找任何从 0 至 9 的数字。 |
[a-z] |
查找任何从小写 a 到小写 z 的字符。 |
[A-Z] |
查找任何从大写 A 到大写 Z 的字符。 |
[A-z] |
查找任何从大写 A 到小写 z 的字符。 |
[adgk] |
查找给定集合内的任何字符。 |
[^adgk] |
查找给定集合外的任何字符。 |
(red|blue|green) |
查找任何指定的选项。 |
元字符
元字符(Metacharacter)是拥有特殊含义的字符:
元字符 |
描述 |
. |
查找单个字符,除了换行和行结束符。 |
\w |
查找单词字符。 |
\W |
查找非单词字符。 |
\d |
查找数字。 |
\D |
查找非数字字符。 |
\s |
查找空白字符。 |
\S |
查找非空白字符。 |
\b |
查找位于单词的开头或结尾的匹配。 |
\B |
查找不处在单词的开头或结尾的匹配。 |
\0 |
查找 NUL 字符。 |
\n |
查找换行符。 |
\f |
查找换页符。 |
\r |
查找回车符。 |
\t |
查找制表符。 |
\v |
查找垂直制表符。 |
\xxx |
查找以八进制数 xxx 规定的字符。 |
\xdd |
查找以十六进制数 dd 规定的字符。 |
\uxxxx |
查找以十六进制数 xxxx 规定的 Unicode 字符。 |
量词
量词 |
描述 |
n+ |
匹配任何包含至少一个 n 的字符串。 |
n* |
匹配任何包含零个或多个 n 的字符串。 |
n? |
匹配任何包含零个或一个 n 的字符串。 |
n{X} |
匹配包含 X 个 n 的序列的字符串。 |
n{X,Y} |
匹配包含 X 或 Y 个 n 的序列的字符串。 |
n{X,} |
匹配包含至少 X 个 n 的序列的字符串。 |
n$ |
匹配任何结尾为 n 的字符串。 |
^n |
匹配任何开头为 n 的字符串。 |
?=n |
匹配任何其后紧接指定字符串 n 的字符串。 |
?!n |
匹配任何其后没有紧接指定字符串 n 的字符串。 |
RegExp 对象属性
FF: Firefox, IE: Internet Explorer
属性 |
描述 |
FF |
IE |
global |
RegExp 对象是否具有标志 g。 |
1 |
4 |
ignoreCase |
RegExp 对象是否具有标志 i。 |
1 |
4 |
lastIndex |
一个整数,标示开始下一次匹配的字符位置。 |
1 |
4 |
multiline |
RegExp 对象是否具有标志 m。 |
1 |
4 |
source |
正则表达式的源文本。 |
1 |
4 |
RegExp 对象方法
FF: Firefox, IE: Internet Explorer
方法 |
描述 |
FF |
IE |
compile |
编译正则表达式。 |
1 |
4 |
exec |
检索字符串中指定的值。返回找到的值,并确定其位置。 |
1 |
4 |
test |
检索字符串中指定的值。返回 true 或 false。 |
1 |
4 |
支持正则表达式的 String 对象的方法
FF: Firefox, IE: Internet Explorer
方法 |
描述 |
FF |
IE |
search |
检索与正则表达式相匹配的值。 |
1 |
4 |
match |
找到一个或多个正则表达式的匹配。 |
1 |
4 |
replace |
替换与正则表达式匹配的子串。 |
1 |
4 |
split |
把字符串分割为字符串数组。 |
1 |
4 |