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随机漂浮广告代码具体实例
Nov 19 Javascript
常规表格多表头查询示例
Feb 21 Javascript
不要使用jQuery触发原生事件的方法
Mar 03 Javascript
javascript制作游戏开发碰撞检测的封装代码
Mar 31 Javascript
jQuery实现二级下拉菜单效果
Jan 05 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
May 21 Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 Javascript
javascript html5轻松实现拖动功能
Mar 01 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
javascript实现图片轮播代码
Jul 09 Javascript
Vue的状态管理vuex使用方法详解
Feb 05 Javascript
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
Apr 11 Vue.js
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
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
基于PHP实现短信验证码接口(容联运通讯)
2016/09/06 PHP
PHP数组常用函数实例小结
2018/08/20 PHP
PHP判断当前使用的是什么浏览器(推荐)
2019/10/27 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
2010/06/02 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
JS检测图片大小的实例
2013/08/21 Javascript
扒一扒JavaScript 预解释
2015/01/28 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
2017/03/09 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
使用clipboard.js实现复制功能的示例代码
2017/10/16 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
echarts浮动显示单位的实现方法示例
2020/12/04 Javascript
javascript中layim之查找好友查找群组
2021/02/06 Javascript
[56:56]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
Python中常见的异常总结
2018/02/20 Python
python 获取毫秒数,计算调用时长的方法
2019/02/20 Python
python 定时器,实现每天凌晨3点执行的方法
2019/02/20 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
Django启动时找不到mysqlclient问题解决方案
2020/11/11 Python
美国维生素、补充剂、保健食品购物网站:Vitacost
2016/08/05 全球购物
美国Rue La La闪购网站:奢侈品、中高档品牌限时折扣
2016/10/19 全球购物
退伍老兵事迹材料
2014/01/31 职场文书
文明寄语大全
2014/04/11 职场文书
学校火灾防控方案
2014/06/09 职场文书
热情服务标语
2014/10/07 职场文书
兵马俑的导游词
2015/02/02 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书
战友聚会致辞
2015/07/28 职场文书
教师节主题班会教案
2015/08/17 职场文书
go开发alertmanger实现钉钉报警
2021/07/16 Golang