JavaScript正則表達式知识汇总

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript正則表達式知识汇总相关的知识,希望对你有一定的参考价值。

Js 正則表達式知识汇总

正則表達式:

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()"/><!--提交button,触发函数-->

</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获取server传来的数据 用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属性的应用


































































































































































































以上是关于JavaScript正則表達式知识汇总的主要内容,如果未能解决你的问题,请参考以下文章

DOM笔记:JavaScript正則表達式

JavaScript使用正則表達式

JavaScript使用正則表達式

javascript正則表達式

最全正則表達式汇总—想要的都有了

JavaScript之正則表達式入门