笔记三：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正则表达式 >>>>>>>>>>>>>> ...

随机推荐

cf B. Black Square
B. Black Square time limit per test 1 second memory limit per test 256 megabytes input standard inpu ...
推荐学习《Python与量化投资从基础到实战》PDF及代码+《量化投资以Python为工具》PDF及代码
利用python分析量化投资问题是现在研究的热点,推荐两份资料用于学习 <Python与量化投资:从基础到实战>主要讲解如何利用Python进行量化投资,包括对数据的获取.整理.分析挖掘. ...
react基础用法二(组件渲染)
react基础用法二(组件渲染) 如图所示组件可以是函数格式:function 方法名(){ return <标签>内容</标签>} 渲染格式: <方法名 /> ...
HDU 4975 A simple Gaussian elimination problem.
A simple Gaussian elimination problem. Time Limit: 1000ms Memory Limit: 65536KB This problem will be ...
redis练习手册<二>快速入门
Redis是一个开源,先进的key-value存储,并用于构建高性能,可扩展的Web应用程序的完美解决方案. Redis从它的许多竞争继承来的三个主要特点: Redis数据库完全在内存中,使用磁盘仅用 ...
HDU 3714 Error Curves
Error Curves 思路:这个题的思路和上一个题的思路一样,但是这个题目卡精度,要在计算时,卡到1e-9. #include<cstdio> #include<cstring& ...
Swift之 vm10虚拟机安装Mac OS X10.10教程
VM10装Mac OS X 10.9.3及更新到Mac OS X 10.10,让你的windows也能玩Swift . 近期WWDC放出终极大招--新的编程语言Swift(雨燕),导致一大波程序猿 ...
leetcode 链表 Partition List
Partition List Total Accepted: 19761 Total Submissions: 73252My Submissions Given a linked list and ...
pyspark使用
1.安装python3 2.idea安装Python插件 3.下载spark,设置SPARK_HOME环境变量 4.安装pyspark,numpy 5.运行pyspark应用 pyspark应用如果使 ...
禁止input输入空格
仅适用于PC端:$("input").attr("onKeypress","javascript:if(event.keyCode == 32)eve ...

笔记三：JS正则表达式

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

随机推荐

热门专题