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 相关文章推荐
解决FLASH需要点击激活的代码
Dec 20 Javascript
jQuery DIV弹出效果实现代码
Jul 03 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
Sep 06 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
Sep 06 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
Three.js利用性能插件stats实现性能监听的方法
Sep 25 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
Apr 02 Javascript
微信小程序从注册账号到上架(图文详解)
Jul 17 Javascript
JS实现放烟花效果
Mar 10 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
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
PHP 一个页面执行时间类代码
2010/03/05 PHP
Yii实现MySQL多数据库和读写分离实例分析
2014/12/03 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
javascript不同页面传值的改进版
2008/09/30 Javascript
jquery 1.3.2 IE8中的一点点的小问题解决方法
2009/07/10 Javascript
JavaScript 自动完成脚本整理(33个)
2009/10/20 Javascript
javascript面向对象的方式实现的弹出层效果代码
2010/01/28 Javascript
jQuery(非HTML5)可编辑表格实现代码
2012/12/11 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
JavaScript动态生成二维码图片
2016/04/20 Javascript
浅谈js里面的InttoStr和StrtoInt
2016/06/14 Javascript
bootstrap表格分页实例讲解
2016/12/30 Javascript
jQuery实现列表的增加和删除功能
2018/06/14 jQuery
详解Vue源码之数据的代理访问
2018/12/11 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
2019/07/19 Javascript
JsonProperty 的使用方法详解
2019/10/11 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
vue实现登录功能
2020/12/31 Vue.js
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[53:10]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs VG 第一场
2018/04/11 DOTA
python 中if else 语句的作用及示例代码
2018/03/05 Python
Python 查找list中的某个元素的所有的下标方法
2018/06/27 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
使用OpCode绕过Python沙箱的方法详解
2019/09/03 Python
python计算导数并绘图的实例
2020/02/29 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
捐款倡议书范文
2014/02/02 职场文书
八一演出活动方案
2014/02/03 职场文书
导游个人求职信
2014/04/25 职场文书
社区综治宣传月活动总结
2014/07/02 职场文书
培训感想范文
2015/08/07 职场文书
Vue全家桶入门基础教程
2021/05/14 Vue.js
Python万能模板案例之matplotlib绘制甘特图
2022/04/13 Python