Js 正则表达式知识汇总


Posted in Javascript onDecember 02, 2014

正则表达式:

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>

效果图:

Js 正则表达式知识汇总

【练习题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中正则表达式是一个很重要的点,很多地方都需要配合正则才行,所以小伙伴一定要学好这块内容。

Javascript 相关文章推荐
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 Javascript
Jquery + Ajax调用webService实例代码(asp.net)
Aug 27 Javascript
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
Jul 08 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
Sep 01 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
Oct 17 Javascript
Bootstrap每天必学之按钮
Nov 26 Javascript
Bootstrap模态框调用功能实现方法
Sep 19 Javascript
javascript中href和replace的比较(详解)
Nov 25 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
Mar 10 Javascript
node.js中cluster的使用教程
Jun 09 Javascript
VUE写一个简单的表格实例
Aug 06 Javascript
详解js中的几种常用设计模式
Jul 16 Javascript
21个JavaScript事件(Events)属性汇总
Dec 02 #Javascript
bootstrap改变按钮加载状态
Dec 01 #Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 #Javascript
Javascript字符串浏览器兼容问题分析
Dec 01 #Javascript
为什么Node.js会这么火呢?Node.js流行的原因
Dec 01 #Javascript
Javascript学习指南
Dec 01 #Javascript
Javascript模块化编程详解
Dec 01 #Javascript
You might like
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
PHP ajax 分页类代码
2008/11/13 PHP
php中防止SQL注入的最佳解决方法
2013/04/25 PHP
Yii全局函数用法示例
2017/01/22 PHP
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
JS模拟面向对象全解(一、类型及传递)
2011/07/13 Javascript
JS继承 笔记
2011/07/13 Javascript
浅谈Javascript面向对象编程
2011/11/15 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
原生js实现图片放大缩小计时器效果
2017/01/20 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
简单通过settimeout看javascript的运行机制
2019/05/10 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
通过js给网页加上水印背景实例
2019/06/17 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
python中bisect模块用法实例
2014/09/25 Python
详解Python当中的字符串和编码
2015/04/25 Python
深入理解python对json的操作总结
2017/01/05 Python
Python之re操作方法(详解)
2017/06/14 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
对Python的多进程锁的使用方法详解
2019/02/18 Python
Django实现学生管理系统
2019/02/26 Python
使用Python和Prometheus跟踪天气的使用方法
2019/05/06 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
NumPy统计函数的实现方法
2020/01/21 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
python 的topk算法实例
2020/04/02 Python
十八届三中全会报告学习材料
2014/02/17 职场文书
周年庆典主持词
2014/04/02 职场文书
副职竞争上岗演讲稿
2014/05/12 职场文书
建筑安全生产责任书
2014/07/22 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
对党的十八届四中全会的期盼
2014/10/17 职场文书
音乐教师求职信范文
2015/03/20 职场文书