正则表达式:
1、什么是RegExp?RegExp是正则表达式的缩写。RegExp 对象用于规定在文本中检索的内容。
2、定义RegExp:var +变量名=new RegExp();
3、RegExp 对象有 3 个方法:
1)test()检索字符串中的指定值,返回值是true或false.
var p1=new Reg("e");
document.write(Reg.test("welcome to China!"));
2)exec()
var p1=new Reg("e");
document.write(Reg.exec("welcome to China!"));
3) compile()
var p1=new Reg("e");
document.write(Reg.compile("welcome to China!"));
4、修饰符
1)i 执行对大小写不敏感的匹配
2)g 执行全局匹配
3)m 执行多行匹配
5、方括号(用于查找某个范围内的字符)
1)[abc] 查找方括号之间的任何字符
2)[^abc] 查找任何不在方括号之间的字符
3)[0-9] 查找任何0-9之间的数字
4)[a-z] 查找任何小写a-z之间的字符
5)[A-Z]查找任何大写A-Z之间的字符
6)[A-z] 查找任何大写A-小写z之间的字符
7)[adgk] 查找给定集合内的任何字符
8)[^adgk]查找给定集合外的任何字符
9)(red|biue|green)查找任何给定的选项
6、元字符
1)\w:查找单词字符
2)\W:查找非单词字符
3)\d:查找数字
4)\D:查找非数字字符
7、 量词
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 的字符串。
【练习题1】判断输入身份证格式是否正确
<body>
<label>请输入身份证号:</label>
<input name="" type="text" id="shenfen"/>
<input name="" type="submit" id="textfi" value="提交1" onclick="test()"/><!--提交按钮,触发函数-->
</body>
</html>
<!--判断身份证是否输入正确-->
<script>
function test()
{
var reg=new RegExp(/^[0-9]{17}[0-9|X]$/);<!--正则表达式的格式:以/^开头,以$/结尾,数字、字母范围用中括号-->
var text=document.getElementById("shenfen").value;<!--输入文本框的字符串的id跟文本框的id对应-->
//判断地区是否合法(用if...else)
if(reg.test(text))
{
alert("输入正确")
}
else
{
alert("输入错误");
}
}
</script>
效果图:
【练习题2】判断输入的邮箱格式是否正确
<body>
<label>请输入您的邮箱:</label>
<input name="" type="text" id="youxiang"/>
<input name="" type="submit" value="提交2" onclick="y()" />
</body>
</html>
<script>
function y()
{
var yx=new RegExp(/^[0-9|A-z|_]{1,17}@[A-z|0-9]{1,5}.(com|cn|net|org|cc)$/);
var shuru=document.getElementById("youxiang").value; <!--定义变量,调用的是整个function,,必须把变量写在function内-->
if(yx.test(shuru))<!--test正则表达式的方法-->
{
alert("zhengque");
}
else
{
alert("cuowu");
}
}
</script>
效果图:
相对来说,js中正则表达式是一个很重要的点,很多地方都需要配合正则才行,所以小伙伴一定要学好这块内容。
参考来源:
Js 正则表达式
http://www.lai18.com/content/351738.html
延伸阅读
《JavaScript正则表达式》系列技术文章整理收藏
1论坛转贴工具中用到的正则表达式学习正则的好例子
2JS的replace方法与正则表达式结合应用讲解
3javascript replace方法与正则表达式
4正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
5trim原型函数看js正则表达式的性能
6用正则表达式 动态创建/增加css style script 兼容IE firefox
7javascript 获取链接文件地址中第一个斜线内的正则表达式
8Mootools 1.2教程 正则表达式
9javascript下利用数组缓存正则表达式的实现方法
10JavaScript 学习笔记(十四) 正则表达式
11javascript 正则表达式触发函数进行高级替换
12匹配任意字符的正则表达式写法
13javascript 正则表达式(一)
14js各种验证文本框输入格式(正则表达式)
15javascript正则表达式中参数g(全局)的作用
16js 替换功能函数,用正则表达式解决,js的全部替换
17正则总结:JavaScript中的正则表达式
18javascript学习笔记(五)正则表达式
19Javascript中正则表达式的全局匹配模式分析
20PHP匹配连续的数字或字母的正则表达式
21jquery里的正则表达式说明
22常用的JavaScript正则表达式
23JavaScript正则表达式的浏览器的差异
24jQuery源码分析-02正则表达式 RegExp 常用正则表达式
25javascript 进阶篇1 正则表达式,cookie管理,userData
26获取服务器传来的数据 用JS去空格的正则表达式
27js正则表达式
28javascript学习笔记(十一) 正则表达式介绍
29js中判断数字\字母\中文的正则表达式 (实例)
30js限制文本框只能输入数字(正则表达式)
31Java 正则表达式学习总结和一些小例子
32JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
33javascript 正则表达式相关应介绍
34实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
35js replace正则表达式应用案例讲解
36正则表达式搭配js轻松处理json文本方便而老古
3730分钟就入门的正则表达式基础教程
38如何使用Javascript正则表达式来格式化XML内容
39js正则表达式的使用详解
40Jquery Validate 正则表达式实用验证代码大全
41jquery常用见的正则表达式
42jquery macth正则表达式实例
43jQuery常用的正则表达式
44JQuery数字类型验证正则表达式
45jQuery中校验时间格式的正则表达式小结
46js编写trim()函数及正则表达式的运用
47JS常用正则表达式总结
48js将字符串转成正则表达式的实现方法
49JS正则表达式大全(整理详细且实用)
50JS正则表达式获取分组内容的方法详解
51js用正则表达式来验证表单(比较齐全的资源)
52javascipt匹配单行和多行注释的正则表达式
53用正则表达式替换图片地址img标签
54常用的JavaScript验证正则表达式汇总
55正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
56JavaScript中的正则表达式
57js验证电话号码与手机支持+86的正则表达式
58利用js正则表达式验证手机号,email地址,邮政编码
59JS正则表达式验证数字代码
60js正则表达式中test,exec,match方法的区别说明
61通过正则表达式实现表单验证是否为中文
62js动态拼接正则表达式的两种方法
63JavaScript通过正则表达式实现表单验证电话号码
64JavaScript表单通过正则表达式验证电话号码
65JavaScript中的正则表达式简明总结
66JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
67javascript常用的正则表达式实例
68node.js正则表达式获取网页中所有链接的代码实例
69JavaScript利用正则表达式去除日期中的-
70删除javascript中注释语句的正则表达式
71JavaScript利用正则表达式去除日期中的“-”
72javascript正则表达式参数/g与/i及/gi的使用指南
73JS应用正则表达式转换大小写示例
74javascript学习笔记(八)正则表达式
75正则表达式在javascript中的几个实例
76javascript正则表达式检验
77使用 js+正则表达式为关键词添加链接
78正则表达式在JavaScript应用
79用正则表达式和javascript对表单进行全面验证
80实例分析js和C#中使用正则表达式匹配a标签
81Js 正则表达式知识汇总
82javascript使用正则表达式检测IP地址
83使用正则表达式的格式化与高亮显示json字符串
84jQuery中用dom操作替代正则表达式
85javascript正则表达式之search()用法实例
86javascript正则表达式使用replace()替换手机号的方法
87jquery使用正则表达式验证email地址的方法
88调试JavaScript中正则表达式中遇到的问题
89javascript使用正则表达式实现去掉空格之后的字符
90javascript中的正则表达式使用指南
91Javascript 正则表达式实现为数字添加千位分隔符
92【JavaScript】利用正则表达式检查输入框输入的是否为网址
93jQuery获取上传文件的名称的正则表达式
94简述JavaScript中正则表达式的使用方法
95JavaScript正则表达式中的ignoreCase属性使用详解
96详解JavaScript正则表达式中的global属性的使用
97在JavaScript的正则表达式中使用exec()方法
98简述JavaScript的正则表达式中test()方法的使用
99JavaScript正则表达式之multiline属性的应用