`
nuysoft
  • 浏览: 516695 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
91bd5d30-bd1e-3b00-9210-87db1cca0016
jQuery技术内幕
浏览量:198747
社区版块
存档分类
最新评论

[原创] jQuery源码分析-02正则表达式-RegExp-常用正则表达式

阅读更多
作者:nuysoft/JS攻城师/高云 QQ:47214707 EMail:nuysoft@gmail.com    
声明:本文为原创文章,如需转载,请注明来源并保留原文链接。
后文预告:jQuery中的正则表达式分析
2.4	常用正则表达式
在网上找到一篇广为流传的文章《常用正则表达式》,逐一分析,不足地方进行补充和纠正。
常用的数字正则(严格匹配)

正则	含义
^[1-9]\d*$	匹配正整数
^-[1-9]\d*$	匹配负整数
^-?[1-9]\d*$	匹配整数
^[1-9]\d*|0$	匹配非负整数(正整数 + 0)
^-[1-9]\d*|0$	匹配非正整数(负整数 + 0)
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$	匹配正浮点数
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$	匹配负浮点数
^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$ 	匹配浮点数
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$	匹配非负浮点数(正浮点数 + 0)
^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$	匹配非正浮点数(负浮点数 + 0)
常用字符串正则

正则	含义	补充
^[A-Za-z]+$	匹配由26个英文字母组成的字符串	或 /^[a-z]+$/i
^[A-Z]+$	匹配由26个英文字母的大写组成的字符串	
^[a-z]+$	匹配由26个英文字母的小写组成的字符串	
^[A-Za-z0-9]+$	匹配由数字和26个英文字母组成的字符串	注意\w包含下划线_
^\w+$	匹配由数字、26个英文字母或者下划线组成的字符串	
常用数字正则和常用字符串正则,是最基本的正则应用,读者可以作为入门的练习,试试能不能快速的读懂其中的含义。
匹配中文字符

普遍使用的正则是[\u4e00-\u9fa5],但这个范围并不完整。例如:
/[\u4e00-\u9fa5]/.test( '⻏' ) // 测试部首⻏,返回false
根据Unicode 5.0版编码,要准确的判断一个中文字符要包括:
范围	含义	范围	含义
2E80-2EFF	CJK 部首补充	2F00-2FDF	康熙字典部首
3000-303F	CJK 符号和标点	31C0-31EF	CJK 笔画
3200-32FF	封闭式 CJK 文字和月份	3300-33FF	CJK 兼容
3400-4DBF	CJK 统一表意符号扩展 A	4DC0-4DFF	易经六十四卦符号
4E00-9FBF	CJK 统一表意符号	F900-FAFF	CJK 兼容象形文字
FE30-FE4F	CJK 兼容形式	FF00-FFEF	全角ASCII、全角标点
因此,正确的匹配中文字符正则表达式为:
var rcjk = /[\u2E80-\u2EFF\u2F00-\u2FDF\u3000-\u303F\u31C0-\u31EF\u3200-\u32FF\u3300-\u33FF\u3400-\u4DBF\u4DC0-\u4DFF\u4E00-\u9FBF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF]+/g;
如果不希望匹配标点、符号,在正则中去掉对应的范围即可:
3000-303F	CJK 符号和标点	FF00-FFEF	全角ASCII、全角标点

匹配双字节字符(包括汉字在内)

[^\x00-\xff],可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1),代码示例如下:
console.info( "abc".replace( /[^\x00-\xff]/g,"aa" ).length ) // 3
console.info( "汉字".replace( /[^\x00-\xff]/g,"aa" ).length ) // 4
console.info( "abc汉字".replace( /[^\x00-\xff]/g,"aa").length ) // 7
匹配HTML标记的正则表达式

先说说网上流传的版本:
<(\S*?)[^>]*>.*?</\1>|<.*? />
*?	*表示0个或多个,?表示0个或1个,两个叠加起来标识0个多个,与*的功能重叠
(\S*?)	标签的长度必须大于0,因此不能用*? 
|<.*?\/>	没有分组,无法获取以<div/>这种自关闭格式书写的标签
</\1>
<.*? />	有的标签是不关闭的,比如<br><hr>,因此不能强制关闭
修正如下:
var rtag = /^<([a-z]+)\s*\/?>.*(?:<\/\1>)?$/i
rtag.exec( '<-div></-div>') // null 
rtag.exec( '<div>abc') // ["<div>abc", "div"]
这个表达式也不完善,比如第二条测试语句,这么写是为了能提取中包含了文本内容的标签,如果要严格匹配,可再次修改为:
var rtag = /^<([a-z]+)\s*\/?> (?:<\/\1>)?$/i // 去掉了中间的.*
这个正则的应用范围仅限于简单的标签匹配、提取,不能匹配嵌套标记。
匹配首尾空白字符的正则表达式

先说说网上流传的版本:
^\s*|\s*$
可以删除行首行尾的空白字符,例如:
'   \t    \n\r   abc   \t    \n\r   '.replace( /^\s*|\s*$/g, '' ) // abc
但是用\s*不能判断出字符串是否在开头或结尾处有\s,例如:
/^\s*|\s*$/.test( 'abc' ) // true
修正如下:
^\s+|\s+$
'   \t    \n\r   abc   \t    \n\r   '.replace( /^\s+|\s+$/g, '' ) // abc
/^\s+|\s+$/.test( 'abc' ) // false
匹配Email地址的正则表达式

先介绍下Email的规则:local-part@domain
	local-part最长64,domain最长253,总长最长256
	local-part可以使用任意ASCII字符:
	大小写英文字母 a-z,A-Z
	数字 0-9
	字符 !#$%&'*+-/=?^_`{|}~
	字符 .不能是第一个和最后一个,不能连续出现两次
	但是有些邮件服务器会拒绝包含有特殊字符的邮件地址
	domain(域名)仅限于26个英文字母、10个数字、连词号-
	连词号-不能是第一个字符
	顶级域名(com、cn等)长度为2到6个
先说说网上流传的版本:
\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
()	莫名奇妙的分组,如果只分组不记录,可以使用(?:)
@\w	domain不能包含下划线_
\w+([-.]\w+)*	顶级域名不符合规则
修正如下:
var remail = /^([\w-_]+(?:\.[\w-_]+)*)@((?:[a-z0-9]+(?:-[a-zA-Z0-9]+)*)+\.[a-z]{2,6})$/i
remail.exec( 'nuysoft@gmail.com' ) // "nuysoft@gmail.com", "nuysoft", "gmail.com"]
remail.exec( 'nuysoft@gmail.comcomcom' ) // null
remail.exec( 'nuysoft@_gmail.com ) // null
修正后的正则有如下局限性:
	不支持中文邮箱、中文域名,之所以不在其中支持是因为我个人的爱好倾向,反感这类华而不实的玩意
	不支持特殊符号,避免非邮件服务器拒绝,如果需要,可以添加。
参考文章:
http://en.wikipedia.org/wiki/Email_address
http://baike.baidu.com/view/119298.htm
匹配网址URL的正则表达式

先说说网上流传的版本:
[a-zA-z]+://[^\s]*
粗糙,没有对URL中各个块进行分组
修正如下(又一段网上流传的版本):
var _url = "^((https|http|ftp|rtsp|mms)?://)?" //
		 + "(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?" // ftp的user@
		 + "(([0-9]{1,3}.){3}[0-9]{1,3}" // IP形式的URL- 199.194.52.184
		 + "|" // 允许IP和DOMAIN(域名)
		 + "([0-9a-z_!~*'()-]+.)*" // 域名- www.
		 + "([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]." // 二级域名
		 + "[a-z]{2,6})" // first level domain- .com or .museum
		 + "(:[0-9]{1,4})?" // 端口- :80
		 + "((/?)|" // a slash isn't required if there is no file name
		 + "(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$";
var rurl = new RegExp( _url, 'i' );

测试:
rurl.exec( 'baidu.com' ) // ["baidu.com", undefined, undefined, undefined, undefined, "baidu.com", undefined, "baid", undefined, undefined, "", "", undefined]
rurl.exec( 'http://baidu.com' ) // 
rurl.exec( 'http://www.baidu.com' ) // ["http://baidu.com", "http://", "http", undefined, undefined, "baidu.com", undefined, "baid", undefined, undefined, "", "", undefined]
rurl.test( 'baidu' ) // true
看来不怎么也好用,有待学习TODO。
匹配帐号是否合法

先说说网上流传的版本:
^[a-zA-Z][a-zA-Z0-9_]{4,15}$
(字母开头,允许5-16字节,允许字母数字下划线)
限制必须以字母开头现在看来不合适,比如QQ登录平台
限制不能以下划线开头也没有必要,比如百度就允许,因此简单点
修正如下:
var ruser = /\w{4,16}/
匹配国内电话号码

网上流传的版本很好用:
\d{3}-\d{8}|\d{4}-\d{7}
评注:匹配形式如 0511-4405222 或 021-87888822
匹配腾讯QQ号

网上流传的版本很好用:
 [1-9][0-9]{4,}
评注:腾讯QQ号从10000开始
匹配中国邮政编码

网上流传的版本很好用:
[1-9]\d{5}(?!\d)
评注:中国邮政编码为6位数字
匹配身份证

先说说网上流传的版本:
\d{15}|\d{18}
d{15}
\d{18}	可以判断,但是有些粗糙 
从身份证可以解析出地址、生日、性别等,因此特别说明一下:
	身份证规则
中国的身份证为15位(一代)或18位(二代),区别在于二代证只是在一代证的第七位数字前加了19和在末尾加了一位验证码
	将15位升级为18位,并解析18位号码构成(地址、生日、性别)
代码如下:
function parseID(ID) {
	if ( ID.length == 15 ) {
		// 升级为18位
		ID = ID.substr( 0, 6 ) + "19" + ID.substr( 6 );
		// 前17位对应的系数
		var rank = [
				"7", "9", "10", "5", "8", "4", "2", "1", "6", "3", "7", "9", "10", "5", "8", "4", "2"
		];
		// 前17为加权除以17后的余数对应的最后一位身份证号码
		var last = [
				"1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2"
		];
		// 加权和
		for ( var i = 0, sum = 0, len = ID.length; i < len; i++)
			sum += ID[ i ] * rank[ i ];
		// 加上最后一位
		ID += last[ sum % 11 ];
	}
	if ( ID.length != 18 ) return null;

	var match = rid.exec( ID );
	return match ? {
		ID : ID,
		area : match[ 1 ],
		y : match[ 2 ],
		m : match[ 3 ],
		d : match[ 4 ],
		sex : match[ 5 ] % 2
	} : null;
}
限制:
	这里只是解析出了地址代码,如何将代码转换为实际地址请问度娘。
	返回对象中的sex为1(男)或0(女),并未做转换,如果页面显示需要,可以这样转换:sex ? "男" : "女" 
测试:
console.info( parseID( "142327840821047" ) );
console.info( parseID("142327198408210470" ) );
参考资料:
http://baike.baidu.com/view/118340.htm#1
匹配IP地址

先说说网上流传的版本:
\d+\.\d+\.\d+\.\d+
\d	数字没有限制
修正如下:
var rip = /^(?:(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\.){3}(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])$/;
rip.test( "192.168.1.1" ) // true
rip.test( "0.0.0.0" ) // true
rip.test( "255.255.255.255" ) // true
rip.test( "256.255.255.255" ) // false
进一步增加分组:
var rip2 = /^([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])$/;
rip2.exec( "192.168.1.1" ) // ["192.168.1.1", "192", "168", "1", "1"]
rip2.exec( "0.0.0.0" ) // ["0.0.0.0", "0", "0", "0", "0"]
rip2.exec( "255.255.255.255" ) // ["255.255.255.255", "255", "255", "255", "255"]
rip2.exec( "256.255.255.255" ) // null
 

 

27
1
分享到:
评论
16 楼 liuweihug 2014-08-15  
jquery 解析正则表达式及常见的Regex规则和表达式 -
http://www.suchso.com/UIweb/jquery-Regex.html
15 楼 www314599782 2013-04-05  
^[1-9]\d*|0$    匹配非负整数(正整数 + 0)
你这明显写错了  t.test("d0");就为true
应该这样写   /^(([1-9]\d*)|(0+))$/;
括号
14 楼 pb瓶子 2013-03-18  
pb瓶子 写道
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$  匹配正浮点数

这句正则表达式也可以匹配类似于 1.2.3.4.5 的带有多个点的数字,这个...应该不算浮点数吧?

改正后:/^(([1-9]\d*)|0)\.\d*$/

修正一下:/^(([1-9]\d*)|0)\.\d+$/(把末尾的星号(*)改成加号(+),不然会匹配 0., 1. 等没有小数位的怪数字
13 楼 pb瓶子 2013-03-18  
pb瓶子 写道
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$  匹配正浮点数

这句正则表达式也可以匹配类似于 1.2.3.4.5 的带有多个点的数字,这个...应该不算浮点数吧?

改正后:/^(([1-9]\d*)|0)\.\d*$/


再补充一句:^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 这句正则表达式也可以匹配大于负一,小于零的负浮点数
12 楼 pb瓶子 2013-03-18  
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$  匹配正浮点数

这句正则表达式也可以匹配类似于 1.2.3.4.5 的带有多个点的数字,这个...应该不算浮点数吧?

改正后:/^(([1-9]\d*)|0)\.\d*$/
11 楼 nuysoft 2013-02-05  
qq361933172 写道
楼主,你出书了吗?我想买一本,你的联系方式是?

已经完稿,出版日期未定。
10 楼 qq361933172 2013-02-01  
楼主,你出书了吗?我想买一本,你的联系方式是?
9 楼 NigelVon 2012-09-17  
电话号码那一个有点过时,现在不少地区的电话号码都是4位区号,8位号码。
比如长沙:0731-xxxxxxxx
8 楼 tstext 2012-07-27  
也不明白那个rid是什么
7 楼 jacking124 2012-07-13  
嗯,不错的,支持你,继续努力
6 楼 jliker 2012-05-08  
这个分组后的URL 正则表达式会造成IE或Chrome下的 正则解析死循环

不信测试一下这个RUL 试试

http://store.taobao.com/shop/view_shop.htm?user_id=8e6e127dbb4ae8b084baccb0e35502ce&ssid=r11
5 楼 Aaronlong31 2012-01-05  
验证身份证号码的那段代码32行中的rid是什么?
4 楼 nuysoft 2011-12-14  
caniggia1986 写道
*?表示非贪婪匹配

致命的错误,谢谢。
3 楼 caniggia1986 2011-12-14  
*?表示非贪婪匹配
2 楼 nuysoft 2011-11-24  
filod 写道
不知道为什么归在了jQuery源码分析分类下....

计划是把jQuery中的正则系统的梳理一遍,写的时候搜索了下,发现了这篇古老的文档,就顺手收了,这是其中一节
1 楼 filod 2011-11-21  
不知道为什么归在了jQuery源码分析分类下....

相关推荐

    jQuery源码分析-02正则表达式 RegExp 常用正则表达式

    后文预告:jQuery中的正则表达式分析 2.4 常用正则表达式 在网上找到一篇广为流传的文章《常用正则表达式》,逐一分析,不足地方进行补充和纠正。 代码如下: 常用的数字正则(严格匹配) 正则 含义 ^[1-9]\d*$ 匹配...

    jquery正则表达式插件

    * 功能:判断字符串是否符合正则表达式规则 * * -范例--------------------------------------------------- * var abc = "127.0.0.1"; * if(abc.match($.regexp('ip')){alert&#40;"abc是ip地址格式!"&#...

    javascript正则表达式和字符串RegExp and String(一)

    正则表达式是javascript非常重要和常用的功能,在jquery等大型框架中用的非常频繁,最近抽时间学习了解了相关知识,记录下来与需要的朋友分享。 思维导图 RegExp(正则表达式)的创建方式 可以通过两种方式创建一个...

    jquery 正整数数字校验正则表达式

    var reg = new RegExp([^0-9],g);  [^0-9]表示非0-9之间的数字,g表示全局匹配,i表示不匹配大小写 注:[^x]表示匹配除了x以外的任意字符,[^aeiou]表示匹配除了aeiou之外的任意字符 另一种方法为穷举法

    test-regexp-online:JavaScript正则表达式在线测试器

    在线测试您的Javascript正则表达式 我做了一个小项目,以学习更多有关JavaScript和jQuery的知识。 特征 在键入时测试正则表达式 突出显示匹配结果 显示捕获的组 也允许填写反例 提供给定的一组正则表达式,示例和...

    JavaScript系列文章:详解正则表达式基本知识

    正则表达式是一个精巧的利器,经常用来在字符串中查找和替换,JavaScript语言参照Perl,也提供了正则表达式相关模块,开发当中非常实用,在一些类库或是框架中,比如jQuery,就存在大量的正则表达式,所以说学好正则...

    jQuery正则表达式的使用方法步骤详解

    1、正则表达式的创建 a) var checkNum = /^[A-Za-z0-9]+$/; b) var re=new RegExp(“["+s1+"]“,”g”); 2、常用规则 a) 用户密码:/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/ b) 邮件:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)...

    jQuery表单课堂笔记

    jQuery的定义/特点: jQ的语法结构; 选择器: jQuery事件 jQuery方法 正则表达式 RegExp对象 validity属性

    jquery1.9.1中文版

    //将window正则表达式符号$赋值给变量_$ //[类]:成双类型 class2type = {}, //在贮存区被删除数据ID的列表,我们能够再用他们 core_deletedIds = [], core_version = "1.9.1", //保存一个参考给一些核心的...

    jQuery实现字符串全部替换的方法【推荐】

    大家都是知道jquery有个replace方法可以将字符串中的””替换成任意字符,但是只能替换一处,如果出现多处就只能使用正则表达式来处理 var title = "aaa aaa aaa"; var re = new RegExp(" ","g"); //定义正则表达式...

    多通道的HTTP基本身份验证。「MultiPass for HTTP basic authentication」-crx插件

    2017年6月13日-添加缺少的翻译版本0.6.0-2016年6月11日-正则表达式测试器,Firefox支持0.6.1-08/11 / 2016-Opera支持0.6.2-13/11/2016-德语和荷兰语翻译,修复了突出显示0.6.3的问题-2016/11/18-删除了jQuery依赖项...

    jQuery实现字符串全部替换的方法

    本文实例讲述了jQuery实现字符串全部替换的方法。分享给大家供大家参考,具体如下: 与C# String类型的Replace方法不同,jQuery的Replace仅能替换第一个匹配的内容。 例如: ... //定义正则表达式

    表单验证插件Parsley.js.zip

    内建的验证 required:要求输入Not blank:不能为空Min length:最小长度Max length:最大长度Range length:长度区间Min:最小值Max:最大值Range:区域值RegExp:正则表达式Equal To:等于Min check:检查选择的...

    使用jquery获取url及url参数的简单实例

    2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数: //获取url中的参数 function getUrlParam(name) { var ...

    javascript/jquery获取地址栏url参数的方法

    2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数 代码如下:function getUrlParam(name){var reg = new RegExp...

    使用jquery获取url以及jquery获取url参数的实现方法

    2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数 function getUrlParam(name) { var reg = new RegExp("(^|&...

    jquery密码强度校验

    //下面的正则表达式建议各位收藏哦,项目上有可能会用得着 $(function(){ $('#pass').blur(function(e) { // alert&#40;'---------'&#41;; //密码为八位及以上并且字母数字特殊字符三项都包括 var strongRegex =...

    JQuery扩展插件Validate 5添加自定义验证方法

    示例如下: 代码如下: [removed] jQuery.validator.addMethod(“regex”, /... //实例化正则对象,参数为传入的正则表达式 return exp.test(value); //测试是否匹配 }, “格式错误”); //addMethod第3个参数:默认错误信

    jquery1.9.1中文汉化版

    //将window正则表达式符号$赋值给变量_$ //[类]:成双类型 class2type = {}, //在贮存区被删除数据ID的列表,我们能够再用他们 core_deletedIds = [], core_version = "1.9.1", //保存一个参考给一些核心...

Global site tag (gtag.js) - Google Analytics