一 正则表达式的介绍
正则表达式是对字符串操作的一种规则, 利用正则表达式我们可以实现搜索,替换,匹配等操作 具体例子有页面的数据搜索, 文本编辑工具的文
一. 正则表达式的介绍
正则表达式是对字符串操作的一种规则, 利用正则表达式我们可以实现搜索,替换,匹配等操作. 具体例子有页面的数据搜索, 文本编辑工具的文字替换, 正确邮箱格式和手机号码格式等匹配.
二. 正则表达式的基础语法
^ 开始
$ 结束
* 没有或更多
+ 一次或更多
? 没有或一次
{} 重复次数
| 或
[ ] 其中一个字符
\d 匹配数字
\w 匹配字母,数字,下划线
\s 匹配空格
三. JavaScript 使用正则表达式匹配
1.假如我们要实现这样的功能, 用户填入的手机格式错误时, 我们给予提醒. 我们知道, 手机号码为以1开头的11位数字, 因此我们编写这样一条正则表达式: ^1+\d{10}$
2.在js中匹配的时候,首先定义一个变量正则表达式变量 var reg = ^1+\d{10}$
2.使用该变量的test方法与字符串匹配 reg.test('15915551611') 为true则匹配成功
四. 完整代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function validation() { var val = document.getElementById("txtNumber").value; var regu = new RegExp(document.getElementById("regInput").value); if (val != "") { if (!regu.test(val)) { document.getElementById("labResult").style.color = "red"; document.getElementById("labResult").innerHTML = "验证失败!"; } else { document.getElementById("labResult").style.color = "green"; document.getElementById("labResult").innerHTML = "验证成功!"; } } } </script> </head> <body> <input id="regInput" name="regInput" type="text" style="width:500px" /> <input id="txtNumber" name="txtNumber" type="text" style="width:300px" /> <input id="btnValidation" name="btnValidation" type="button" value="校验" onclick="validation()" /> 验证结果:<label id="labResult" ></label> </body> </html>
运行效果如下: