- 浏览: 520453 次
- 性别:
- 来自: 北京
博客专栏
-
jQuery技术内幕
浏览量:200452
最新评论
-
青春依旧:
学习html5哪里好?当然华清远见是首选!
[原创] jQuery源码分析-01总体架构 -
追梦1819:
[size=x-small][color=red][/colo ...
[原创] jQuery源码分析-04 选择器-Sizzle-设计思路 -
niuqiang2008:
学习学习
[原创] jQuery源码分析-04 选择器-Sizzle-工作原理 -
liuweihug:
jquery 解析正则表达式及常见的Regex规则和表达式 - ...
[原创] jQuery源码分析-02正则表达式-RegExp-常用正则表达式 -
liang8768:
mark!!!
[原创] jQuery源码分析-00前言开光
作者: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
评论
16 楼
liuweihug
2014-08-15
jquery 解析正则表达式及常见的Regex规则和表达式 -
http://www.suchso.com/UIweb/jquery-Regex.html
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+))$/;
括号
你这明显写错了 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.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.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*$/
这句正则表达式也可以匹配类似于 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
比如长沙: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
不信测试一下这个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源码分析-04 选择器-Sizzle-设计思路
2011-11-14 20:59 6834作者:nuysoft/高云 QQ:47214707 Em ... -
[原创] jQuery源码分析-04 选择器-Sizzle-工作原理
2011-11-13 23:45 7870作者:nuysoft/高云 QQ:47214707 EM ... -
[原创] jQuery源码分析-jQuery中的循环技巧
2011-10-27 00:36 14534作者:nuysoft/JS攻城师/高云 QQ:47214707 ... -
[原创] jQuery源码分析-10事件处理-Event-DOM-ready
2011-10-20 01:20 10580作者:nuysoft/JS攻城师/ ... -
[原创] jQuery源码分析-Java工程师应该向jQuery学习的8点建议
2011-10-18 23:56 12227作者:nuysoft/高云 QQ:47214707 EM ... -
[原创] jQuery源码分析-10事件处理-Event-事件绑定与删除-bind/unbind+live/die+delegat/undelegate
2011-10-18 22:31 15647作者:nuysoft/高云 QQ:47214707 EM ... -
[原创] jQuery源码分析-10事件处理-Event-源码结构
2011-10-17 01:01 12099作者:nuysoft/高云 QQ:47214707 EMail ... -
[原创] jQuery源码分析-07数据缓存-Cache
2011-10-13 19:55 12104作者:nuysoft/高云 QQ:47214707 EMail ... -
[原创] jQuery源码分析-06浏览器测试-Support
2011-10-13 19:19 9878作者:nuysoft/高云 QQ:47214707 EMail ... -
[原创] jQuery源码分析系列目录(持续更新)
2011-10-12 12:30 29317作者:nuysoft/高云 QQ:47214707 E ... -
[原创] jQuery源码分析-10事件处理-Event-概述和基础知识
2011-10-12 00:16 11988作者:nuysoft/高云 Q ... -
[原创] jQuery源码分析-08队列 Queue
2011-10-10 23:48 10770作者:nuysoft/高云 Q ... -
[原创] jQuery源码分析-03构造jQuery对象-工具函数
2011-09-29 23:21 29760作者:nuysoft/高云 QQ:47214707 E ... -
[原创] jQuery源码分析-15AJAX-类型转换器
2011-09-29 02:25 7390作者:nuysoft/高云 QQ:47214707 EM ... -
[原创] jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011-09-28 02:20 52929作者:nuysoft/高云 QQ:47214707 EMail ... -
[原创] jQuery源码分析-如何做jQuery源码分析
2011-09-27 00:22 14982近期在ITEYE陆续写了几篇jQuery源码分析,乐在其 ... -
[原创] jQuery源码分析-17尺寸和大小 Dimensions & Offset
2011-09-25 22:05 7032边读边写,不正确的地方,还请各位告诉我,多多交流共同学习, ... -
[原创] jQuery源码分析-15AJAX-前置过滤器和请求分发器
2011-09-23 00:09 13262边读边写,不正确的 ... -
[原创] jQuery源码分析-00前言开光
2011-09-21 23:42 46980jQuery源码分析 - 前言 jQuery凭借简洁的语法和 ... -
[原创] jQuery源码分析-01总体架构
2011-09-21 23:31 751031. 总体架构 1.1 自调用匿名函 ...
相关推荐
### jQuery源码分析-02正则表达式 #### 正则表达式基础与应用 正则表达式是一种用于描述字符模式的强大工具,在多种编程语言中都有应用,其中包括JavaScript。在jQuery这样的JavaScript库中,正则表达式被广泛应用...
正则表达式作为 JavaScript 中一种特别重要且常用的功能,在诸如 jQuery 等大型框架中使用得非常频繁。本文旨在深入探讨 JavaScript 中正则表达式的创建、使用以及相关属性和方法,为读者提供一份详尽的学习指南。 ...
JavaScript正则表达式工具是一种基于JavaScript开发的应用程序,旨在帮助开发者和编程爱好者更方便地理解和使用正则表达式。在编程领域,正则表达式(Regular Expression)是一种强大的文本处理工具,广泛应用于字符...
对于限制用户只能录入数字,一个常用的方法是构造一个正则表达式`var reg = new RegExp("[^0-9]", "g");`。这里的`[^0-9]`是一个否定字符类,它匹配任何非数字的字符,`g`是正则表达式的一个修饰符,表示全局匹配,...
* 功能:判断字符串是否符合正则表达式规则 * * -范例--------------------------------------------------- * var abc = "127.0.0.1"; * if(abc.match($.regexp('ip')){alert("abc是ip地址格式!"&#...
正则表达式是一种强大的文本处理工具,用于匹配、查找、替换和分析字符串。在IT行业中,尤其是网页开发和数据处理领域,正则表达式扮演着至关重要的角色。当我们谈论"惯用HTML正则表达式"时,我们关注的是在HTML上...
在jQuery等大型JavaScript框架中,正则表达式的使用也十分频繁,因为它可以提供更加精确和灵活的文本处理能力。 在JavaScript中,创建正则表达式有两种基本方式。第一种是通过正则表达式字面量表示法,也就是使用...
在jQuery中使用正则表达式和在纯JavaScript中使用它们基本上是一样的,但在jQuery中可以利用其强大且便捷的选择器来对特定元素应用正则表达式。 在本篇文章中,我们将介绍如何在jQuery中使用正则表达式,并提供一些...
第一种是利用正则表达式字面量,第二种是使用RegExp构造函数。 5. 正则表达式的主要组成部分:包括字符、位置、数量词、特殊字符以及分组等。 6. URL格式规范:一个合法的URL一般由协议名(如http或https)、域名...
js实现基于正则表达式的轻量提示插件的知识点涉及了前端开发中的JavaScript编程、正则表达式及其在文本检测中的应用以及jQuery插件的使用。 1. 正则表达式基础:正则表达式是一种文本模式,包括普通字符(例如字母...
### JavaScript正则表达式之`search()`方法详解 #### 一、引言 在JavaScript编程中,正则表达式是一种非常强大的工具,用于处理字符串模式匹配、搜索与替换等操作。`search()`方法是其中一个非常实用的功能,它...
在线测试您的Javascript正则表达式 我做了一个小项目,以学习更多有关JavaScript和jQuery的知识。 特征 在键入时测试正则表达式 突出显示匹配结果 显示捕获的组 也允许填写反例 提供给定的一组正则表达式,示例和...
- 虽然JavaScript原生支持正则表达式,但在大规模网页抓取时,库如`cheerio`和`jQuery`可以提供更强大的DOM操作能力。 - 更高级的网络爬虫框架,如`Puppeteer`,允许控制完整的浏览器环境,更好地模拟用户行为。 ...
正则表达式是一个精巧的利器,经常用来在字符串中查找和替换,JavaScript语言参照Perl,也提供了正则表达式相关模块,开发当中非常实用,在一些类库或是框架中,比如jQuery,就存在大量的正则表达式,所以说学好正则...
` 使用正则表达式 `r` 的 `test` 方法对变量 `s` 的值进行测试,如果 `s` 是纯数字,`test` 方法会返回 `true`,否则返回 `false`。 4. 最后,根据 `b` 的值显示不同的 `alert` 提示,告诉用户输入是否有效。 这是...