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 相关文章推荐
javascript编程起步(第二课)
Jan 10 Javascript
javascript IFrame 强制刷新代码
Jul 23 Javascript
ext jquery 简单比较
Apr 07 Javascript
jQuery filter函数使用方法
May 19 Javascript
jquery实现的动态回到顶部特效代码
Oct 28 Javascript
Bootstrap入门书籍之(一)排版
Feb 17 Javascript
JavaScript笔记之数据属性和存储器属性
Mar 31 Javascript
原生JS+Canvas实现五子棋游戏实例
Jun 19 Javascript
Vue应用部署到服务器的正确方式
Jul 15 Javascript
JS实现520 表白简单代码
May 21 Javascript
JavaScript 点击触发复制功能实例详解
Nov 02 Javascript
vue 中Virtual Dom被创建的方法
Apr 15 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
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
详解PHP防止直接访问.php 文件的实现方法
2017/07/28 PHP
js 调用本地exe的例子(支持IE内核的浏览器)
2012/12/26 Javascript
window.location.hash知识汇总
2015/11/09 Javascript
jquery遍历标签中自定义的属性方法
2016/09/17 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
2018/02/21 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
JavaScript 自定义html元素鼠标右键菜单功能
2019/12/02 Javascript
微信小程序实现页面左右滑动
2020/11/16 Javascript
[36:54]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
用Python实现换行符转换的脚本的教程
2015/04/16 Python
Python实现将照片变成卡通图片的方法【基于opencv】
2018/01/17 Python
python解决字符串倒序输出的问题
2018/06/25 Python
python3.5基于TCP实现文件传输
2020/03/20 Python
python实现串口自动触发工作的示例
2019/07/02 Python
解决flask接口返回的内容中文乱码的问题
2020/04/03 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
CSS3 边框效果
2019/11/04 HTML / CSS
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
英国床垫在线:Mattress Online
2016/12/07 全球购物
巴西补充剂和维生素购物网站:Natue
2019/06/17 全球购物
美国购物网站:Clickhere2shop
2021/01/28 全球购物
应届毕业生自我评价分享
2013/12/15 职场文书
导购员的岗位职责
2014/02/08 职场文书
大学生自我鉴定书
2014/03/24 职场文书
2015年党日活动总结范文
2015/03/25 职场文书
简爱读书笔记
2015/06/26 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
基于python的matplotlib制作双Y轴图
2021/04/20 Python