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

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-[email protected]
?    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( ‘[email protected]‘ ) // "[email protected]", "nuysoft", "gmail.com"]
remail.exec( ‘[email protected]‘ ) // null
remail.exec( ‘[email protected]_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_!~*‘().&=+$%-][email protected])?" // ftp的[email protected]
         + "(([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
摘自:http://nuysoft.iteye.com/blog/1217898
时间: 2024-12-13 16:43:03

jQuery源码分析-02正则表达式-RegExp-常用正则表达式的相关文章

jQuery源码分析-02构造jQuery对象

源码结构.核心函数和工具函数 1.源码结构 (function( window, undefined ) { var jQuery = (function() { // 构建jQuery对象 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); } // jQuery对象原型 jQuery.fn = jQuery.prototype = {

jQuery源码分析-jQuery中的循环技巧

Js代码   作者:nuysoft/JS攻城师/高云 QQ:47214707 EMail:[email protected] 声明:本文为原创文章,如需转载,请注明来源并保留原文链接. 前记:本文收集了jQuery中出现的各种遍历技巧和场景 Js代码   // 简单的for-in(事件) for ( type in events ) { } Js代码   // 缓存length属性,避免每次都去查找length属性,稍微提升遍历速度 // 但是如果遍历HTMLCollection时,性能提升非常

jQuery源码分析1

写在开头: 昨天开始,我决定要认真的看看jQuery的源码,选择1.7.2,源于公司用的这个版本.由于源码比较长,这将会是一个比较持久的过程,我将要利用业余时间,和偶尔上班不算忙的时间来进行.其实原本是打算对着源码抄一遍,将对其的理解写成注释,这也算是在强行堆代码量了吧(我想我这是有多懒,必须要反省).不过鉴于自己平时比较懒惰的可耻行径,和太多的东西都写在一起有点庞大,我想我还是有必要写成一个专栏,来记录这个过程.其实最根本的原因是:源码里都是有注释的,而且注释写得那么详尽,翻译过来就是了,但是

[转]jQuery源码分析系列

文章转自:jQuery源码分析系列-Aaron 版本截止到2013.8.24 jQuery官方发布最新的的2.0.3为准 附上每一章的源码注释分析 :https://github.com/JsAaron/jQuery 正在编写的书 - jQuery架构设计与实现 本人在慕课网的教程(完结) jQuery源码解析(架构与依赖模块) 64课时 jQuery源码解析(DOM与核心模块)64课时 jQuery源码分析目录(完结) jQuery源码分析系列(01) : 整体架构 jQuery源码分析系列(

jQuery源码分析系列(33) : AJAX中的前置过滤器和请求分发器

jQuery1.5以后,AJAX模块提供了三个新的方法用于管理.扩展AJAX请求,分别是: 1.前置过滤器 jQuery. ajaxPrefilter 2.请求分发器 jQuery. ajaxTransport, 3.类型转换器 ajaxConvert 源码结构: jQuery.extend({ /** * 前置过滤器 * @type {[type]} */ ajaxPrefilter: addToPrefiltersOrTransports(prefilters), /** * 请求分发器 *

Jquery源码分析

1.概述 jQuery是一个非常优秀的Js库,与prototype,YUI,Mootools等众多的Js类库相比,它剑走偏锋,从web开发最实用的角度出发,抛除了一些中看但不实用的东西,为开发者提供一个短小精悍的类库.由于其个短小精悍,使用简单方便,性能相对高效.众多的开发者都选择Jquery来进行辅助的web开发. 在使用jquery时开发,我们也会时常碰到许多的问题,但是jquery的代码很晦涩,难起看懂,当开发时出现了问题,看不懂源码,不知道如何去排错. John Resig,Jquery

jquery源码分析(二)——结构

再来复习下整体架构: jQuery源码分析(基于 jQuery 1.11 版本,共计8829行源码) (21,94)                定义了一些变量和函数jQuery=function(){} (96,280)        给jQuery添加一些方法和属性,jQuery.fn=jQuery.prototype(285,347)        extend:        jQuery的一些继承方法        更容易进行后续的扩展                       

jQuery源码分析系列(38) : 队列操作

Queue队列,如同data数据缓存与Deferred异步模型一样,都是jQuery库的内部实现的基础设施 Queue队列是animate动画依赖的基础设施,整个jQuery中队列仅供给动画使用 Queue队列 队列是一种特殊的线性表,只允许在表的前端(队头)进行删除操作(出队),在表的后端(队尾)进行插入操作(入队).队列的特点是先进先出(FIFO-first in first out),即最先插入的元素最先被删除. 为什么要引入队列? 我们知道代码的执行流有异步与同步之分,例如 var a

jQuery源码分析:源码结构与核心函数

jQuery源码分析-03构造jQuery对象-源码结构和核心函数 jQuery.fn和jQuery.prototype区别