常用的js前端正则

最新推荐文章于 2023-09-18 11:08:01 发布

DreamTahiti

最新推荐文章于 2023-09-18 11:08:01 发布

阅读量931

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/dreamtahiti/article/details/20709997

版权

Javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

常用的数字正则（严格匹配）

正则含义

^[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

根据Unicode5.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

匹配首尾空白字符的正则表达式

先说说网上流传的版本：

^\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

l local-part最长64，domain最长253，总长最长256

l local-part可以使用任意ASCII字符：

n 大小写英文字母 a-z,A-Z

n 数字 0-9

n 字符 !#$%&'*+-/=?^_`{|}~

n 字符 .不能是第一个和最后一个，不能连续出现两次

n 但是有些邮件服务器会拒绝包含有特殊字符的邮件地址

l domain（域名）仅限于26个英文字母、10个数字、连词号-

n 连词号-不能是第一个字符

n 顶级域名（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

修正后的正则有如下局限性：

l 不支持中文邮箱、中文域名，之所以不在其中支持是因为我个人的爱好倾向，反感这类华而不实的玩意

l 不支持特殊符号，避免非邮件服务器拒绝，如果需要，可以添加。

参考文章：

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 leveldomain- .com or .museum

+ "(:[0-9]{1,4})?" // 端口- :80

+ "((/?)|" // a slash isn't requiredif there is no file name

+"(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$";

var rurl = newRegExp( _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}/

匹配国内电话号码

网上流传的版本很好用：