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 相关文章推荐
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
AngularJS中$interval的用法详解
Feb 02 Javascript
详解Layer弹出层样式
Aug 21 Javascript
JavaScript图片处理与合成总结
Mar 04 Javascript
vue如何获取自定义元素属性参数值的方法
May 14 Javascript
小程序click-scroll组件设计
Jun 18 Javascript
使用apifm-wxapi快速开发小程序过程详解
Aug 05 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
Aug 12 Javascript
解决layui调用自定义方法提示未定义的问题
Sep 14 Javascript
vue-router的hooks用法详解
Jun 08 Javascript
JS如何定义用字符串拼接的变量
Jul 11 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
用PHP连mysql和oracle数据库性能比较
2006/10/09 PHP
PHP写的获取各搜索蜘蛛爬行记录代码
2012/08/21 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
Yii2框架自定义验证规则操作示例
2019/02/08 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
2013/01/27 Javascript
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
jquery ajax局部加载方法详解(实现代码)
2016/05/12 Javascript
JS实现图片垂直居中显示小结
2016/12/13 Javascript
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
详解关于element级联选择器数据回显问题
2019/02/20 Javascript
vue.js购物车添加商品组件的方法
2019/09/17 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
ElementUI 修改默认样式的几种办法(小结)
2020/07/29 Javascript
pycharm 使用心得(六)进行简单的数据库管理
2014/06/06 Python
在Python中调用ggplot的三种方法
2015/04/08 Python
Python 获取当前所在目录的方法详解
2017/08/02 Python
解决pandas使用read_csv()读取文件遇到的问题
2018/06/15 Python
python训练数据时打乱训练数据与标签的两种方法小结
2018/11/08 Python
python制作图片缩略图
2019/04/30 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
python自动脚本的pyautogui入门学习
2020/04/01 Python
如何用Python 加密文件
2020/09/10 Python
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
财务分析个人的自荐书范文
2013/11/24 职场文书
数控技术专科生自我评价
2014/01/08 职场文书
庆七一活动方案
2014/01/25 职场文书
借款协议书范本
2014/04/22 职场文书
园林专业毕业生自荐信
2014/07/04 职场文书
实习生工作证明范本
2014/09/14 职场文书
2014年综治维稳工作总结
2014/11/17 职场文书
护士求职简历自我评价
2015/03/10 职场文书
Python matplotlib 利用随机函数生成变化图形
2022/04/26 Python