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 11 Javascript
Javascript的闭包详解
Dec 26 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
Jun 17 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
js中的闭包学习心得
Feb 06 Javascript
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
jQuery弹框插件使用方法详解
May 26 jQuery
jquery实现抽奖功能
Oct 22 jQuery
jQuery实现电梯导航模块
Dec 22 jQuery
详解阿里Node.js技术文档之process模块学习指南
Jan 04 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
Feb 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
安健A254立体声随身听的分析与打磨
2021/03/02 无线电
thinkphp模板继承实例简述
2014/11/26 PHP
PHP中$this和$that指针使用实例
2015/01/06 PHP
使用PHP生成二维码的方法汇总
2015/07/22 PHP
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
2019/05/29 PHP
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
bootstrap网页框架的使用方法
2016/05/10 Javascript
javascript深拷贝的原理与实现方法分析
2017/04/10 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
JavaScript之数组扁平化详解
2019/06/03 Javascript
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
2019/09/24 Javascript
详解Vue的七种传值方式
2021/02/08 Vue.js
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
[30:37]【全国守擂赛】第三周擂主赛 Dark Knight vs. Leopard Gaming
2020/05/04 DOTA
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
Python实现合并两个列表的方法分析
2018/05/28 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
小白入门篇使用Python搭建点击率预估模型
2018/10/12 Python
Python实现串口通信(pyserial)过程解析
2019/09/25 Python
Python线程障碍对象Barrier原理详解
2019/12/02 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
解决pycharm debug时界面下方不出现step等按钮及变量值的问题
2020/06/09 Python
多个版本的python共存时使用pip的正确做法
2020/10/26 Python
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
斯凯奇新西兰官网:SKECHERS新西兰
2018/02/22 全球购物
意大利婴儿产品网上商店:Mukako
2018/10/14 全球购物
实习教师自我鉴定
2013/09/27 职场文书
建筑自我鉴定
2013/10/19 职场文书
业务员岗位职责
2013/11/16 职场文书
2014镇党委班子对照检查材料思想汇报
2014/09/23 职场文书
2016教师廉洁从教心得体会
2016/01/13 职场文书
Python 正则模块详情
2021/11/02 Python