笔记三：JS正则表达式

正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。说白了正则表达式就是处理字符串的,我们可以用它来处理一些复杂的字符串。

那么什么是正则表达式？

　　正则表达式是由一个字符序列形成的搜索模式。

　　当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。

　　正则表达式可以是一个简单的字符，或一个更复杂的模式。

　　正则表达式可用于所有文本搜索和文本替换的操作。

　　语法：/正则表达式主体/修饰符（可选）

正则表达式的字符串方法

　　search（）

　　　　用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回字串的起始位置.

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>菜鸟教程(runoob.com)</title>

 </head>

 <body>

 <p>搜索字符串 "runoob", 并显示匹配的起始位置：</p>

 <button onclick="myFunction()">点我</button>

 <p id="demo"></p>

 <script>

 function myFunction() {

     var str = "Visit Runoob!";

     var n = str.search(/Runoob/i);

     document.getElementById("demo").innerHTML = n;

 }

 </script>

 </body>

 </html>

　　replace()

　　　　用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>菜鸟教程(runoob.com)</title>

 </head>

 <body>

 <p>替换 "microsoft" 为 "Runoob" :</p>

 <button onclick="myFunction()">点我</button>

 <p id="demo">Visit Microsoft!</p>

 <script>

 function myFunction() {

     var str = document.getElementById("demo").innerHTML;

     var txt = str.replace(/microsoft/i,"Runoob");

     document.getElementById("demo").innerHTML = txt;

 }

 </script>

 </body>

 </html>

　　正则表达式修饰符

　　　　i:执行对大小写不敏感的匹配

　　　　g:执行全局匹配

　　　　m:执行多行匹配

　 正则表达式的模式

　　　　[abc]查找方括号之间的任何字符

　　　　[0-9]查找任何从0-9的数字　　　　

　　　　(x|y)查找任何以|分隔的选项

　 元字符

　　　　\d:查找数字

　　　　\s:查找空白字符

　　　　\b:匹配单词边界

　　　　\uxxx:查找以十六进制数xxx规定的Unicode字符

　　量词

　　　　　 n⁺：匹配任何包含至少一个 n 的字符串。

　　　　　 n*：匹配任何包含零个或多个 n 的字符串。

　　　　　n?：匹配任何包含零个或一个n的字符串

　　正则表达式的验证

　　　用户名正则：

//用户名正则，4到16位（字母，数字，下划线，减号）

var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;

//输出 true

console.log(uPattern.test("caibaojian"));

　　　　密码强度正则：

//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符

var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;

//输出 true

console.log("=="+pPattern.test("caibaojian#"));

　　　 整数正则：

//正整数正则

var posPattern = /^\d+$/;

//负整数正则

var negPattern = /^-\d+$/;

//整数正则

var intPattern = /^-?\d+$/;

//输出 true

console.log(posPattern.test("42"));

//输出 true

console.log(negPattern.test("-42"));

//输出 true

console.log(intPattern.test("-42"));

　　　　邮箱正则

//Email正则

var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

//输出 true

console.log(ePattern.test(<a href="mailto:99154507@qq.com" rel="external nofollow">99154507@qq.com</a>));

　　　　手机号正则

//手机号正则

var mPattern = /^1[34578]\d{9}$/; //http://caibaojian.com/regexp-example.html

//输出 true

console.log(mPattern.test("15507621888"));

　　　　身份证正则

//身份证号（18位）正则

var cP = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;

//输出 true

console.log(cP.test("11010519880605371X"));

　　　　URL正则

//URL正则

var urlP= /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;

//输出 true

console.log(urlP.test(<a href="http://caibaojian.com" rel="external nofollow">http://caibaojian.com</a>));

　　　　日期正则

//日期正则，简单判定,未做月份及日期的判定

var dP1 = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/;

//输出 true

console.log(dP1.test("2017-05-11"));

//输出 true

console.log(dP1.test("2017-15-11"));

//日期正则，复杂判定

var dP2 = /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;

//输出 true

console.log(dP2.test("2017-02-11"));

//输出 false

console.log(dP2.test("2017-15-11"));

//输出 false

console.log(dP2.test("2017-02-29"));

　　　　QQ号码正则

//QQ号正则，5至11位

var qqPattern = /^[1-9][0-9]{4,10}$/;

//输出 true

console.log(qqPattern.test("65974040"));

　　　　微信号正则

//微信号正则，6至20位，以字母开头，字母，数字，减号，下划线

var wxPattern = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;

//输出 true

console.log(wxPattern.test("caibaojian_com"));

　　　持续更新。。。。

笔记三：JS正则表达式的更多相关文章

Java笔记(三十)……正则表达式
概述符合一定规则的表达式专门用于操作字符串特点: 用于一些特定的符号来表示一些代码操作,这样就可以简化书写所以学习正则表达式,就是在学习一些特殊符号的使用好处: 可以简化对字符串的复杂操作 ...
[JS]笔记11之正则表达式
-->什么是正则表达式-->定义正则-->正则的索引-->元字符-->方括号.量词.其他符号-->RegExp 对象的方法-->String 对象方法 1.定 ...
【正则】精通JS正则表达式，没消化信息量太大，好文
http://www.jb51.net/article/25313.htm 正则表达式可以: •测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用 ...
JS正则表达式常用总结
正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和直接字面量. //使用RegExp对象创建 var regObj = new RegExp("(^\\s+) ...
Oracle学习笔记三 SQL命令
SQL简介 SQL 支持下列类别的命令: 1.数据定义语言(DDL) 2.数据操纵语言(DML) 3.事务控制语言(TCL) 4.数据控制语言(DCL)
JS正则表达式大全
转自:http://wenku.baidu.com/link?url=3y930kC7F6D3wQdMjQ3fVDmiA9Wfebs_QK0UB3N3mFaEoKg4ytZORPopxufeYA6si ...
初识JS正则表达式
初识JS正则表达式看到的使用的正则表达式练习:http://www.cnblogs.com/wenanry/archive/2010/09/06/1819552.html PS:本文参考李炎恢JS笔 ...
JS正则表达式大全(整理详细且实用)
JS正则表达式大全(整理详细且实用).需要的朋友可以过来参考下,希望对大家有所帮助!! 正则表达式中的特殊字符字符含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释, ...
JS 正则表达式用法
JS 正则表达式用法简介简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下: 测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或 ...
Jquery Easyui验证扩展，Easyui验证，Easyui校验，js正则表达式
Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式 >>>>>>>>>>>>>> ...

随机推荐

Ubuntu16.04安装java（Oracle jre)
一.安装1.从Oracle官网下载jre-8u161-linux-x64.tar.gz安装文件(下载与浏览器位数一样) 2.切换到所需的安装目录.键入: pipci@ubuntu:~$ cd /usr ...
PHP高手进阶-LAMPer技能树
直接修改Android软件数据库来改变软件设置实例一则
昨天把K860i刷了机,刷到了最新的CyanogenMod 10.1,使用起来各种流畅舒服,不过却由于内外置SD卡的挂载点的改变,造成了一些困扰,现记录如下. 平时里由于极少把手机连接 ...
【Uva 242】Stamps and Envelope Size
[Link]: [Description] 给你n个集合; 每个集合都包含一些不同面额的邮票; (每种邮票都当做有无限张) 然后给你一封信上最多能贴的邮票张数S; 问你,哪一个集合的邮票; 能够贴出来 ...
洛谷 P1716 双调序列
P1716 双调序列题目描述电脑组的童鞋们经常玩一些智力PK小游戏,某月某日,发源于小朋友又发明了一种新的序列:双调序列,所谓的双调呢主要是满足如下条件描述: 假定有n(n<=1000)个整 ...
DataGirdView 常用操作
1.将数据源的某列添加到已有DataGirdView的列例如:将文件夹下所有文件名添加到DataGirdView 的文件名一列,图片如下: 首先在datagridview把文件名列的DATAPROP ...
KendoUi中KendoDropDownList控件的使用——三级级联模块的实现
1. 应用需求在权限系统开发中除了以上数据表关系的设计之外.比較麻烦的地方是级联模块在页面的展示,因为设计中最多是控制到三级,因此三级级联模块的展示.编辑等页面操作是须要解决的问题,这里採用Kend ...
PhoneGap/Cordova Android应用签名公布注意事项
今天最终要公布Android HybirdApp了,安装曾经做原生应用的流程公布签名Apk,没想到立即遇到了几个问题.如今把它们的解决的方法整理下来. export signed Apk 遇到以下错误 ...
我的vim配置记录
一总体介绍配置路径,/etc/vim/vimrc,这个是系统的vim配置,假设一台PC多个用户使用,每一个用户的习惯不同的话,能够使用不同的配置.在用户文件夹下新建一个.vimrc的文件就能够了. ...
vue --- 全局守卫
vue2.0 实现导航守卫(路由守卫) 路由跳转前做一些验证,比如登录验证,是网站中的普遍需求. 对此,vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫(navi ...

笔记三：JS正则表达式

笔记三：JS正则表达式的更多相关文章

随机推荐

热门专题