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 相关文章推荐
执行iframe中的javascript方法
Oct 07 Javascript
基于jquery的滑动样例代码
Nov 20 Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 Javascript
js完美解决IE6不支持position:fixed的bug
Apr 24 Javascript
JQuery菜单效果的两个实例讲解(3)
Sep 17 Javascript
JavaScript中匿名函数的用法及优缺点详解
Jun 01 Javascript
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
Jul 13 Javascript
原生js代码能实现call和bind吗
Jul 31 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 Javascript
JavaScript实现飞舞的泡泡效果
Feb 07 Javascript
Vue axios获取token临时令牌封装案例
Sep 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
web server使用php生成web页面的三种方法总结
2013/10/28 PHP
浅谈discuz密码加密的方式
2014/05/22 PHP
php socket客户端及服务器端应用实例
2014/07/04 PHP
Laravel 5框架学习之表单
2015/04/08 PHP
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
Javascript this 的一些学习总结
2012/08/31 Javascript
用js实现trim()的解决办法
2013/04/16 Javascript
js写一个字符串转成驼峰的实例
2013/06/21 Javascript
js读取注册表的键值示例
2013/09/25 Javascript
js弹出div并显示遮罩层
2014/02/12 Javascript
JavaScript的21条基本知识点
2014/03/04 Javascript
js数组去重的5种算法实现
2015/11/04 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
jQuery侧边栏实现代码
2016/05/06 Javascript
DropDownList控件绑定数据源的三种方法
2016/12/24 Javascript
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
2020/06/05 Javascript
Flask框架学习笔记(一)安装篇(windows安装与centos安装)
2014/06/25 Python
使用pandas将numpy中的数组数据保存到csv文件的方法
2018/06/14 Python
pyttsx3实现中文文字转语音的方法
2018/12/24 Python
python模块之subprocess模块级方法的使用
2019/03/26 Python
python networkx 根据图的权重画图实现
2019/07/10 Python
Flask框架模板渲染操作简单示例
2019/07/31 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
Expedia爱尔兰:酒店、机票、租车及廉价假期
2017/01/02 全球购物
施华洛世奇巴西官网:SWAROVSKI巴西
2019/12/03 全球购物
历史专业个人求职信分享
2013/12/20 职场文书
信息专业个人的自我评价
2013/12/27 职场文书
8和9的加减法教学反思
2014/05/01 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
校园文化艺术节宣传标语
2014/10/09 职场文书
先进事迹材料范文
2014/12/29 职场文书
医生个人年终总结
2015/02/28 职场文书
辞职报告(范文三篇)
2019/08/27 职场文书
Redis 配置文件重要属性的具体使用
2021/05/20 Redis
python使用PySimpleGUI设置进度条及控件使用
2021/06/10 Python