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 相关文章推荐
ExtJs 表单提交登陆实现代码
Aug 19 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 Javascript
Javascript 浮点运算的问题分析与解决方法
Aug 27 Javascript
js判断url是否有效的两种方法
Mar 04 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
浅析Node在构建超媒体API中的作用
Jul 30 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
Aug 16 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
Jun 30 Javascript
jquery动态切换背景图片的简单实现方法
May 14 Javascript
angular实现表单验证及提交功能
Feb 01 Javascript
vue几个常用跨域处理方式介绍
Feb 07 Javascript
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
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截取字符串之截取utf8或gbk编码的中英文字符串示例
2014/03/12 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
laravel model模型定义实现开启自动管理时间created_at,updated_at
2019/10/17 PHP
js获得参数的getParameter使用示例
2014/02/26 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
利用JQuery阻止事件冒泡
2016/12/01 Javascript
原生JS实现图片翻书效果
2017/02/16 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
2017/03/08 Javascript
Bootstrap提示框效果的实例代码
2017/07/12 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
js数组去重的方法总结
2019/01/18 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
详解小程序云开发数据库
2019/05/20 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
JS常见错误(Error)及处理方案详解
2020/07/02 Javascript
Python 3.x 新特性及10大变化
2015/06/12 Python
常用python编程模板汇总
2016/02/12 Python
python+unittest+requests实现接口自动化的方法
2018/11/29 Python
Python寻找路径和查找文件路径的示例
2019/07/10 Python
python3.6 tkinter实现屏保小程序
2019/07/30 Python
在python中利用try..except来代替if..else的用法
2019/12/19 Python
django数据模型on_delete, db_constraint的使用详解
2019/12/24 Python
CSS3制作彩色进度条样式的代码示例分享
2016/06/23 HTML / CSS
毕业生求职推荐信
2013/11/04 职场文书
建筑文秘专业个人求职信范文
2013/12/28 职场文书
创建卫生先进单位实施方案
2014/03/10 职场文书
报关报检委托书
2014/04/08 职场文书
大学生社会实践评语
2014/04/25 职场文书
计生专干事迹
2014/05/28 职场文书