现在的位置: 首页 > 软件开发 > 正文

小中大

JavaScript常用正则表达式备忘

2010年10月29日 ⁄ 软件开发 ⁄ 共 22560字 ⁄ 暂无评论

JavaScript常用正则表达式备忘

匹配结尾的数字

[php]30CAC0040 取出40
3SFASDF92 取出92[/php]

正则如下：

[php]/\d+$/g[/php]

统一空格个数

字符串内字符键有空格，但是空格的数量可能不一致，通过正则将空格的个数统一变为一个。

例如：蓝色理想 , 变成：蓝色理想

正则如下：

[php]<script type="text/javascript">
var str="蓝色理想"
var reg=/\s+/g
str = str.replace(reg," ")
document.write(str)
</script>[/php]

判断字符串是不是由数字组成

正则如下：

[php]<script type="text/javascript">
function isDigit(str){
var reg = /^\d*$/;
return reg.test(str);
}
var str = "7654321";
document.write(isDigit(str));
var str = "test";
document.write(isDigit(str));
</script>[/php]

电话号码正则

[php]/^\d{3,4}-\d{7,8}(-\d{3,4})?$/[/php]

区号必填为3-4位的数字，区号之后用“-”与电话号码连接

[php]^\d{3,4}-[/php]

电话号码为7-8位的数字

[php]\d{7,8}[/php]

分机号码为3-4位的数字，以“-”与电话号码相连接

[php](-\d{3,4})?[/php]

手机号码正则表达式

正则验证手机号，忽略前面的0，支持130-139，140-149，150-159，180-189。忽略前面0之后判断它是11位的。

正则：

[php]/^0*(13|14|15|18)\d{9}$/[/php]

^0*匹配掉开头任意数量的0。

由于手机号码是13/14/15/18后跟任意数字9位，所以可以用(13|14|15|18)\d{9}匹配。

测试代码如下：

[php]function testReg(reg,str){
return reg.test(str);
}
var reg = /^0*(13|15)\d{9}$/;
var str = '13889294444';
var str2 = '12889293333';
var str3 = '23445567';
document.write(testReg(reg,str)+'<br />');
document.write(testReg(reg,str2)+'<br />');
document.write(testReg(reg,str3)+'<br />');[/php]

使用正则表达式实现删除字符串中的空格：

代码以及测试代码如下：

[php]<script type="text/javascript">
//删除字符串两侧的空白字符。
function trim(str){
return str.replace(/^\s+|\s+$/g,'');
}
//删除字符串左侧的空白字符。
function ltrim(str){
return str.replace(/^\s+/g,'');
}
//删除字符串右侧的空白字符。
function rtrim(str){
return str.replace(/\s+$/g,'');
}
//以下为测试代码
var trimTest = " 123456789 ";
//前后各有一个空格。
document.write('length:'+trimTest.length+'<br />');
//使用前
document.write('ltrim length:'+ltrim(trimTest).length+'<br />');
//使用ltrim后
document.write('rtrim length:'+rtrim(trimTest).length+'<br />');
//使用rtrim后
document.write('trim length:'+trim(trimTest).length+'<br />');
//使用trim后
</script>[/php]

测试的结果如下：

[php] length:11
ltrim length:10
rtrim length:10
trim length:9[/php]

限制文本框只能输入数字和小数点等等

只能输入数字和小数点

[php]var reg = /^\d*\.?\d{0,2}$/[/php]

开头有若干个数字，中间有0个或者一个小数点，结尾有0到2个数字。

只能输入小写的英文字母和小数点，和冒号，正反斜杠(：./\)

[php]var reg = /[a-z\.\/\\:]+/;[/php]

a-z包括了小写的英文字母，\.是小数点，\/和\\分别是左右反斜线，最后是冒号。整个组成一个字符集和代码任一均可，最后在加上+，1或者多个。

替换小数点前内容为指定内容

例如：infomarket.php?id=197 替换为 test.php?id=197

应该可以把第一个点“.”之前的所有单词字符替换为test就可以了。正则如下：

[php]<script type="text/javascript">
var str = "infomarket.php?id=197";
var reg = /^\w*/ig;
//匹配字符串开头的任意个单词字符
str = str.replace(reg,'test');
document.write(str);
</script>[/php]

只匹配中文的正则表达式

正则如下：

[php]/[\u4E00-\u9FA5\uf900-\ufa2d]/[/php]

写了一个简单的测试，会把所有的中文替换成“哦”。

[php]<script type="text/javascript">
var str = "有中文?and English.";
var reg = /[\u4E00-\u9FA5\uf900-\ufa2d]/ig;
str = str.replace(reg,'哦');
document.write(str);
</script>[/php]

返回字符串的中文字符个数

一般的字符长度对中文和英文都是不分别的,如JS里的length，那么如何返回字符串中中文字符的个数呢？处理办法：先去掉非中文字符，再返回length属性。测试代码如下：

[php]<script type="text/javascript">
function cLength(str){
var reg = /[^\u4E00-\u9FA5\uf900-\ufa2d]/g;
//匹配非中文的正则表达式
var temp = str.replace(reg,'');
return temp.length;
}
var str = "中文123";
document.write(str.length+'<br />');
document.write(cLength(str));
</script>[/php]

结果：

[php] 5
2[/php]

中文两个，数字三个，结果正确。

测试代码2：

[php] var str = "中文123tets@#!#%$#[][{}";
document.write(str.length+'<br />');
document.write(cLength(str));[/php]

正则表达式取得匹配IP地址前三段

192.168.118.101，192.168.118.72, 192.168.118.1都替换成：192.168.118

只要匹配掉最后一段并且替换为空字符串就行了，正则如下：

[php]/\.\d{1,3}$/[/php]

匹配结尾的.n,.nn或者.nnn。

测试代码如下：

[php]function replaceReg(reg,str){
return str.replace(reg,'')
}
var reg = /\.\d{1,3}$/;
var str = '192.168.118.101';
var str2 = '192.168.118.72';
var str3 = '192.168.118.1';
document.write(replaceReg(reg,str)+'<br />');
document.write(replaceReg(reg,str2)+'<br />');
document.write(replaceReg(reg,str3)+'<br />');[/php]

匹配<ul>与<ul>之间的内容

<ul>safsf<ul>safsf</ul><ul>safsf</ul></ul>

用正则可以得到 <ul>起到下个<ul> 之间的内容。

正则如下：

[php]/<ul>[\s\S]+?<ul>/i[/php]

首先匹配两侧的ul标签，中间的[\s\S]+?可以匹配一个或者多个任意字符，一定要非贪婪，否则会匹配<ul>safsf<ul>safsf</ul><ul>。

用正则表达式获得文件名

c:\images\tupian\006.jpg

可能是直接在盘符根目录下，也可能在好几层目录下，要求替换到只剩文件名。

正则如下：

[php]/[^\\\/]*[\\\/]+/g[/php]

首先匹配非左右斜线字符0或多个，然后是左右斜线一个或者多个。形如“xxx/”或者“xxx\”或者“/”或者“\”

函数以及测试代码：

[php]<script type="text/javascript">
function getFileName(str){
var reg = /[^\\\/]*[\\\/]+/g;
//xxx\或者是xxx/
str = str.replace(reg,'');
return str;
}
var str = "c:\\images\\tupian\\006.jpg";
document.write(getFileName(str)+'<br />');
var str2 = "c:/images/tupian/test2.jpg";
document.write(getFileName(str2));
</script>[/php]

注意，"\"需要转义。

绝对路径变相对路径

将<img height="120" width="800" src="http://20.123.12.12/image/somepic.gif">转换为：<img height="120" width="800" src="/image/somepic.gif">。

其中网址可能改变，例如http://localhost等等。

正则如下：

[php]/http:\/\/[^\/]+/[/php]

首先是http://，然后[^\/]+找过1个或者多个非/字符，因为遇到第一个/表示已经到目录了，停止匹配。

测试代码如下：

[php]<script type="text/javascript">
var str = '<img height="120" width="800" src="http://23.123.22.12/image/somepic.gif">';
var reg = /http:\/\/[^\/]+/;
str = str.replace(reg,"");
alert(str)
</script>[/php]

用户名正则

用于用户名注册，用户名只能用中文、英文、数字、下划线、4-16个字符。

正则如下：

[php]/^[\u4E00-\u9FA5\uf900-\ufa2d\w]{4,16}$/[/php]

中文字符或者单词字符，4到16个。实现4到16结成到正则里的关键就是开始^和结束$，这就等于整个字符串只能有这些匹配的内容，不能有多余的。

函数和测试代码如下：

[php]<script type="text/javascript">
function isEmail(str){
var reg = /^[\u4E00-\u9FA5\uf900-\ufa2d\w]{4,16}$/;
return reg.test(str);
}
var str = '超级无敌用户名regExp';
var str2 = '捣乱的@';
var str3 = '太短'
var str4 = '太长longlonglonglonglonglonglonglong'
document.write(isEmail(str)+'<br />');
document.write(isEmail(str2)+'<br />');
document.write(isEmail(str3)+'<br />');
document.write(isEmail(str4)+'<br />');
</script>[/php]

匹配英文地址

规则如下:

包含 "点", "字母","空格","逗号","数字"，但开头和结尾不能是除字母外任何字符。

[\.a-zA-Z\s,0-9]这个字符集就实现了字母，空格，逗号和数字。最终正则如下：

[php]/^[a-zA-Z][\.a-zA-Z\s,0-9]*?[a-zA-Z]+$/[/php]

开头必须有字母，结束也必须是一个以上字母。测试代码如下：

[php]<script type="text/javascript">
function testReg(reg,str){
return reg.test(str);
}
var reg = /^[a-zA-Z][\.a-zA-Z\s,0-9]*?[a-zA-Z]+$/;
var str = 'No.8,ChangAn Street,BeiJing,China';
var str2 = '8.No,ChangAn Street,BeiJing,China';
var str3 = 'No.8,ChangAn Street,BeiJing,China88';
document.write(testReg(reg,str)+'<br />')
document.write(testReg(reg,str2)+'<br />')
document.write(testReg(reg,str3)+'<br />')
</script>[/php]

正则匹配价格

价格的格式应该如下：

开头数字若干位，可能有一个小数点，小数点后面可以有两位数字。hansir给出的对应正则如下：

[php]/^(\d*\.\d{0,2}|\d+).*$/[/php]

测试代码如下：

[php]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>正则匹配价格正则测试</title>
<script type="text/javascript">
function checkPrice(me){
if(!(/^(?:\d+|\d+\.\d{0,2})$/.test(me.value))){
me.value = me.value.replace(/^(\d*\.\d{0,2}|\d+).*$/,'$1');
}
}
</script>
</head>
<body>
<input type="text" onkeyup="checkPrice(this);"/>
</body>
</html>[/php]

身份证号码的匹配

身份证号码可以是15位或者是18位，其中最后一位可以是X。其它全是数字，正则如下：

[php]/^(\d{14}|\d{17})(\d|[xX])$/[/php]

开头是14位或者17位数字，结尾可以是数字或者是x或者是X。

测试代码如下：

[php]<script type="text/javascript">
function testReg(reg,str){
return reg.test(str);
}
var reg = /^(\d{14}|\d{17})(\d|[xX])$/;
var str = '123456789012345';//15位
var str2 = '123456789012345678';//18位
var str3 = '12345678901234567X';//最后一位是X
var str4 = '1234';//位数不对
document.write(testReg(reg,str)+'<br />');
document.write(testReg(reg,str2)+'<br />');
document.write(testReg(reg,str3)+'<br />');
document.write(testReg(reg,str4)+'<br />');
</script>[/php]

要求文本有指定行数

要求：可以支持所有字符，中间可带空格，可以包括英文、数字、中文、标点

正则如下：

[php]/\S+?\s*?[\n\r]\s*?\S+?/i[/php]

单词首字母大写

每单词首字大写，其他小写。如blue idea转换为Blue Idea，BLUE IDEA也转换为Blue Idea

正则如下：
[php]/\b(\w)|\s(\w)/g[/php]

所谓“首字母”包括两种情况：第一种是边界(开头)的单词字符，一种是空格之后的新单词的第一个字母。测试代码如下：

[php]<script type="text/javascript">
function replaceReg(reg,str){
str = str.toLowerCase();
return str.replace(reg,function(m){return m.toUpperCase()})
}
var reg = /\b(\w)|\s(\w)/g;
var str = 'blue idea';
var str2 = 'BLUE IDEA';
var str3 = 'Test \n str is no good!';
var str4 = 'final test';
document.write(replaceReg(reg,str)+'<br />');
document.write(replaceReg(reg,str2)+'<br />');
document.write(replaceReg(reg,str3)+'<br />');
document.write(replaceReg(reg,str4)+'<br />');
</script>[/php]

正则验证日期格式

yyyy-mm-dd格式

正则如下：

[php]/^\d{4}-\d{1,2}-\d{1,2}$/[/php]

4位数字，横线，1或者2位数字，再横线，最后又是1或者2位数字。

测试代码如下：

[php]<script type="text/javascript">
function testReg(reg,str){
return reg.test(str);
}
var reg = /^\d{4}-\d{1,2}-\d{1,2}$/;
var str = '2008-8-8';
var str2 = '2008-08-08';
var str3 = '08-08-2008';
var str4 = '2008 08 08';
document.write(testReg(reg,str)+'<br />');
document.write(testReg(reg,str2)+'<br />');
document.write(testReg(reg,str3)+'<br />');
document.write(testReg(reg,str4)+'<br />');
</script>[/php]

针对 yyyy-mm-dd或yyyy/mm/dd 的形式，用“或”简单地修改一下就行了。

[php]/^\d{4}(-|\/)\d{1,2}(-|\/)\d{1,2}$/[/php]

去掉文件的后缀名

www.abc.com/dc/fda.asp变为www.abc.com/dc/fda

如果文件后缀已知的话这个问题就非常简单了，正则如下：

[php]/\.asp$/[/php]

匹配最后的.asp而已，测试代码如下：

[php]<script type="text/javascript">
function delAspExtension(str){
var reg = /\.asp$/;
return str.replace(reg,'');
}
var str = 'www.abc.com/dc/fda.asp';
document.write(delAspExtension(str)+'<br />');
</script>[/php]

如果文件名未知的话就用这个正则：/\.\w+$/，测试代码如下：

[php]<script type="text/javascript">
function delExtension(str){
var reg = /\.\w+$/;
return str.replace(reg,'');
}
var str = 'example.com/dc/fda.asp';
document.write(delExtension(str)+'<br />');
var str2 = 'test/regular/fda.do';
document.write(delExtension(str2)+'<br />');
var str3 = 'example.com/dc/fda.strange_extension';
document.write(delExtension(str3)+'<br />');
</script>[/php]

验证邮箱的正则表达式

正则：
[php]/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/[/php]

开始必须是一个或者多个单词字符或者是-，加上@，然后又是一个或者多个单词字符或者是-。然后是点“.”和单词字符和-的组合，可以有一个或者多个组合。

[php]<script type="text/javascript">
function isEmail(str){
var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
return reg.test(str);
}
var str = 'test@hotmail.com';
document.write(isEmail(str)+'<br />');
var str2 = 'test@sima.vip.com';
document.write(isEmail(str2)+'<br />');
var str3 = 'te-st@qq.com.cn';
document.write(isEmail(str3)+'<br />');
var str4 = 'te_st@sima.vip.com';
document.write(isEmail(str4)+'<br />');
var str5 = 'te.._st@sima.vip.com';
document.write(isEmail(str5)+'<br />');
</script>[/php]

匹配源代码中的链接

能够匹配HTML代码中链接的正则。

正则如下：

[php]/<a\s(\s*\w*?=".+?")*(\s*href=".+?")(\s*\w*?=".+?")*\s*>[\s\S]*?<\/a>/[/php]

思路如下：首先要有<a和一个空格。/<a\s/

第一个(\s*\w*?=".+?")*

可以匹配一个属性，属性前面可能有或者没有多余的空格，用\s*匹配；属性名肯定是单词字符，用\w*?匹配；=".+?"就是匹配属性值了非换行字符若干个；整个括号外面加个*表示可能有任意多个属性。

(\s*href=".+?")

匹配href，它也是一个属性，所以只要把上面子正则表达式中的\w修改为href=就行了。

(\s*\w*?=".+?")*重复第一个子正则表达式，再次接受任意个属性。

\s*>，属性最后再加上若干个空格和>。
[\s\S]*?，链接的文字，可能有任何字符组成，若干个，非贪婪。

<\/a>最后是结束标签。

补充：属性名和=之间，以及=和属性值之间也可能有空格。所以要再加上几个\s*。

最后的实例代码如下：

[php]<script type="text/javascript">
function findLinks(str){
var reg = /<a\s(\s*\w*?\s*=\s*".+?")*(\s*href\s*=\s*".+?")(\s*\w*?\s*=\s*".+?")
*\s*>[\s\S]*?<\/a>/g;
var arr = str.match(reg);
for(var i=0;i<arr.length;i++){
//alert(arr[i]);
document.write('link:'+arr[i]+'<br />');
}
}
var str = '<p>测试链接：<a id = "test" href="http://bbs.blueidea.com" title="无敌">经典论坛
</a></p><a? href = "http://www.blueidea.com/"? >蓝色理想</a>';
var arr = findLinks(str);
</script>[/php]

会把所有的链接在页面直接显示出来。

匹配链接的文字

代码：<a href="#>这里要保存</a>，只保存链接的文本内容，标签信息删掉。

正则如下：

[php]/<a\s(?:\s*\w*?\s*=\s*".+?")*(?:\s*href\s*=\s*".+?")(?:\s*\w*?\s*=\s*".+?")*\s*>([\s\S]*?)<\/a>/[/php]

测试代码如下：

[php]<script type="text/javascript">
function anchorText(str){
var reg =/<a\s(?:\s*\w*?\s*=\s*".+?")*(?:\s*href\s*=\s*".+?")(?:\s*\w*?\s*=\s*".+?")*\s*>([\s\S]*?)<\/a>/;
str = str.replace(reg,'$1');
return str;
}
var str = '<a id = "test" href="http://bbs.blueidea.com" title="无敌">经典论坛</a>';
document.write(anchorText(str));
</script>[/php]

正则判断标签是否闭合

例如：<img xxx=”xxx” 就是没有闭合的标签；

<p>p的内容，同样也是没闭合的标签。

从简单的正则开始，先匹配起始标签

[php]/<[a-z]+/i[/php]

再加上若干属性：

[php]/<[a-z]+(\s*\w*?\s*=\s*".+?")*/i[/php]

关键点：标签的闭合。标签可能有两种方式闭合，<img xxx=”xxx” />

或者是<p>xxx </p>。

(\s*\/>)

匹配img类的结束，即/>。

(\s*?>[\s\S]*?<\/\1>)

匹配\p类标签的结束标签。>是其实标签末尾，之后是标签内容若干个任意字符，最后的<\/\1>就是结束标签了。

加上一个或就可以解决了，最后的完整正则表达式：

整个正则：

[php]/<([a-z]+)(\s*\w*?\s*=\s*".+?")*(\s*?>[\s\S]*?<\/\1>|\s*\/>)/i[/php]

拿这个正则，只要匹配到了就表示闭合，没匹配到则没有闭合。不过没有考虑相同标签嵌套的问题，例如

<div>aaaaaa<div>test</div>

也被判断为合格，可以通过把最后的匹配p类结束标签写成子正则表达式，并且更改为非贪心，然后在匹配结果中检查是否成对。正则如下：

[php]/<([a-z]+)(\s*\w*?\s*=\s*".+?")*(\s*?>[\s\S]*?(<\/\1>)+|\s*\/>)/i[/php]

用正则获得指定标签的内容

有如下代码：

[php]<channel>
<title>蓝色理想</title>
</channel>
<item>
<title>界面设计测试规范</title>
</item>
<item>
<title>《古典写实美女》漫画教程</title>
</item>
<item>
<title>安远――消失的光年</title>
</item>
<item>
<title>asp.net 2.0多语言网站解决方案</title>
</item>[/php]

要求匹配item里的title而不匹配channel里的title。

基本正则：

[php]/<title>[\s\S]*?<\/title>/gi[/php]

首先是title标签，内容为任意字符若干个，然后是title结束标签。这个正则已经能匹配到所有的title标签。

首先，我简单地修改了一下原正则：

[php]/<title>[^<>]*?<\/title>/gi，[/php]

因为title里面不应该再嵌有其它标签，这个正则同样是匹配所有标题的内容，最后再加上不去匹配channel中的title。整个正则如下：

[php]/<title>[^<>]*?<\/title>(?!\s*<\/channel>)/gi[/php]

(?!\s*<\/channel>)表示要匹配字符串的后面不能跟着若干个空格和一个channel的结束标签。

原帖里有很方便的测试工具，这里就不给测试代码了。

正则判断是否为数字与字母的混合

不能小于12位，且必须为字母和数字的混合。

验证字符串包含数字简单，验证字符串包含字母也简单，验证字符串不包含其它字符也简单，可以用这三个正则分别检查一次字符串，逻辑运算出最终结果。

但是怎么能把这些功能写进一个正则表达式里呢？这个问题真有点伤脑筋。

正则如下：

[php]/^([a-z]+(?=[0-9])|[0-9]+(?=[a-z]))[a-z0-9]+$/ig[/php]

思路非常的清晰啊：

[a-z]+(?=[0-9])

字母开头，后面必须紧跟着数字。

[0-9]+(?=[a-z]

数字开头，后面必须紧跟着字母。

[a-z0-9]+

后面的字符只要是数字或者字母就可以了。经过测试，发现不好使，123dd会被识别为不合法，dd123则为合法，可见“数字开头，紧跟字母”的正则没有起作用。测试代码如下：

[php]<script type="text/javascript">
function istrue(str){
var reg=/^([a-z]+(?=[0-9])|[0-9]+(?=[a-z]))[a-z0-9]+$/ig;
return reg.test(str);
}
var str? = 'AaBc';
var str2 = 'aaa123';
var str3 = '123dd';
var str4 = '1230923403982';
document.write(istrue(str)+'<br />');
document.write(istrue(str2)+'<br />');
document.write(istrue(str3)+'<br />');
document.write(istrue(str4)+'<br />');
</script>[/php]

结果为：

false，true，false，false

结果中的第三个，将'123dd'判断为非法是错误的。刚开始以为是g的问题，去掉了还是不好使。应该是浏览器bug，我认为lexrus的正则是正确的，可能是浏览器无法处理或”|”的两边都包含正向预查(?=)。

修改之后的正则如下：

[php]/^(([a-z]+[0-9]+)|([0-9]+[a-z]+))[a-z0-9]*$/i[/php]

意思和上面差不多，但是没有使用正向预查，测试代码如下：

[php]<script type="text/javascript">
function istrue(str){
var reg=/^(([a-z]+[0-9]+)|([0-9]+[a-z]+))[a-z0-9]*$/i;
return reg.test(str);
}
var str? = 'AaBc';
var str2 = 'aaa123';
var str3 = '123dd';
var str4 = '1230923403982';
document.write(istrue(str)+'<br />');
document.write(istrue(str2)+'<br />');
document.write(istrue(str3)+'<br />');
document.write(istrue(str4)+'<br />');
</script>[/php]

结果为

false，true，true，false

正确。

空格与英文同时存在

匹配英文以及空格，要求必须既有英文字母又有空格。

这个思路和上面的差不多，只要把数字改成空格就可以了。正则如下：

[php]/^(([a-z]+\s+)|(\s+[a-z]+))[a-z\s]*$/i[/php]

英文开头加空格，或者是空格开头加英文，后面可以是英文或者空格。测试代码如下：

[php]<script type="text/javascript">
function istrue(str){
var reg=/^(([a-z]+\s+)|(\s+[a-z]+))[a-z\s]*$/i;
return reg.test(str);
}
var str? = 'asdf';
var str2 = 'sadf sdf';
var str3 = 'asdf ';
document.write(istrue(str)+'<br />');
document.write(istrue(str2)+'<br />');
document.write(istrue(str3)+'<br />');
</script>[/php]

利用这个思路也可以实现英文空格英文，英文单词多于两个的匹配。同样，也可以把英文字母换成单词字符\w。

显示或者保存正则表达式匹配的部分内容

有如下电话号码：

13588888333

13658447322

13558885354

13587774654

13854554786

要求，要求只匹配135开头的电话，但是匹配结果只保留135后面的数字。

由于JavaScript里的正则不支持(?=xx)xxx的模式，只支持xxx(?=xx)的模式。所以只能将135后面的内容作为一个子正则表达式匹配的内容，然后再在后面引用。

Carl给出的函数如下：

[php]function f(phoneNumber) {
var pattern = /^(135)(\d{8})$/;
if(pattern.test(phoneNumber))
return phoneNumber.replace(pattern,"$2");
else
return "不是135打头的手机号码！";
}
/^(135)(\d{8})$/[/php]

正则中，135作为开头表示第一个子正则表达式，第二个括号内的子正则表达式则匹配后面的8个数字，然后在replace中使用$2就可以引用这个子正则表达式匹配的内容了。测试代码如下：

[php]<script type="text/javascript">
function f(phoneNumber) {
var pattern = /^(135)(\d{8})$/;
if(pattern.test(phoneNumber))
return phoneNumber.replace(pattern,"$2");
else
return "不是135打头的手机号码！";
}
var arr = new Array(
"13588888333",
"13658447322",
"13558885354",
"13587774654",
"13854554786"
);
for(var i = 0; i < arr.length; i++)
document.write(f(arr[i])+'<br />');
</script>[/php]

正则表达式替换变量

有一个数组：

var _A = ['A','B','C','D'];

有一个有“变量”的字符串。

var _B = '<ul><li>$0$</li><li>$1$</li><li>$2$</li><li>$3$</li></ul>';

说是变量，其实只是字符串中的特殊字符，例如$0$，就称这个为伪变量吧。

最后的要求就是使用正则获得下面这样一个字符串：

_C = '<ul><li>A</li><li>B</li><li>C</li><li>D</li></ul>';

测试代码：
[php]<script type="text/javascript">
var _A = ['A','B','C','D'];
var _B = '<ul><li>$0$</li><li>$1$</li><li>$2$</li><li>$3$</li></ul>';
var reg=/\$\d+\$/ig;
C=_B.replace(reg,function($1){
var indexnum=$1.replace(/\$/ig,"");
if (indexnum<_A.length)
{return _A[indexnum];}
else{return ""}
});
alert(C);
</script>[/php]

代码分析：看到代码之后感觉有点晕，首先，正则reg中没有任何的括号，应该是没有捕获内容的，那么后面怎么又使用$1了引用了呢？通过alert测试，发现它是整个正则匹配的内容，而且不一定要写作$1，可以写为$0，甚至是写为x都没关系，它总是整个匹配。

第一次，$1匹配到_B中的“$0$”，匿名函数中将它的$去掉，变成了0，检查是否越界之后，用这个0作为下标去访问数组_A。

由于正则reg定义了g属性，所以会继续替换$1$、$2$等等。步骤都和上面一样。

正则替换指定属性中的文本

有如下代码：

O'Malley's West</td>

要求将所有onclick属性中的’替换成\’，也就是将单引号转义。

首先，需要匹配onclick属性：

[php]/onclick\s*=\s*".+?"/ig[/php]

然后再将所有的’都替换成\’就可以了。

将阿拉伯数字替换为中文大写形式

将123替换成壹贰叁。

只要匹配一个数字就可以了，测试代码如下（如果显示为乱码就调整一下浏览器的字符编码）：

[php]function replaceReg(reg,str){
return str.replace(reg,function(m){return arr[m];})
}
arr=new Array("零","壹","贰","叁","肆","伍","陆","柒","捌","玖");
var reg = /\d/g;
var str = '13889294444';
var str2 = '12889293333';
var str3 = '23445567';
document.write(replaceReg(reg,str)+'<br />');
document.write(replaceReg(reg,str2)+'<br />');
document.write(replaceReg(reg,str3)+'<br />');[/php]

替换文本中的URL为链接

将一个用户输入的一段文字中的url替换成可以点击的link地址。例如：http://www.blueidea.com可以替换成

http://www.cctv.com

或<a href="http://www.cctv.com">http://www. blueidea.com</a>.

这个正则的关键就在于匹配链接，匹配之后，在两边加上a标签和属性不是问题。

[php]/http:\/\/[\w-]*(\.[\w-]*)+/ig[/php]

首先匹配http://。

[\w-]*是可能的www和bbs等。

\.[\w-]*匹配.xxx形式，至少有一个。

测试代码如下：

[php]<script type="text/javascript">
function replaceReg(reg,str){
return str.replace(reg,function(m){return '<a href="'+m+'">'+m+'</a>';})
}
var reg = /http:\/\/[\w-]*(\.[\w-]*)+/ig;
var str = '将一个用户输入的一段文字中的url替换成可以点击的link地址。\
测试一下：http://www.blueidea.com紧接着中文，还有http://bbs.blueidea.com \
is very good!http://blueidea.com!最后在看看带.cn的：http://www.sina.com.cn呵呵。';
document.write(replaceReg(reg,str)+'<br />');
</script>[/php]

从HTML代码段删除指定标签及内容

在一段代码中去除<script ...... /script>, <head>...</head>,<%.....%>等代码块

正则如下：

[php]/<(script|head|%)[\s\S]*?\/\1>/ig[/php]

用正则给文本分段

原代码：[title]标题一[/title]内容一232323sdfga [title]标题二[/title]内容二2232323 [title]标题三[/title]内容三2232323

要把文本分段成如下格式：

一、[title]标题一[/title]内容一232323sdfga

二、[title]标题二[/title]内容二2232323

三、[title]标题三[/title]内容三2232323

只要用正则匹配title就可以了，所以正则比较简单

[php]/\[title\]/ig[/php]

至于开始的的汉字序号，只要一个数组就解决了，最终代码如下：

[php]<script type="text/javascript">
function replaceReg(reg,str){
var mark =0;
return str.replace(reg,function(m){mark++;return '<br />'+arr[mark]+'、'+m;})
}
var arr = ["零","壹","贰","叁","肆","伍","陆","柒","捌","玖"];
var reg = /\[title\]/ig;
var str = '[title]标题一[/title]内容一232323sdfga [title]标题二[/title]内容二2232323 [title]标题三[/title]内容三2232323';
document.write(replaceReg(reg,str)+'<br />');
</script>[/php]

转换源代码中的标签

将代码中的HTML标签img转换为[img]url[/img]。

/<img(?:\s*\w*?\s*=\s*".+?")*?\s*src\s*=\s*"(.+?)"(?:\s*\w*?\s*=\s*".+?")*\s*>/ig

这段正则和匹配链接标签的正则基本一样，修改如下,标签名img，没有结束标签而是>结束。

测试代码如下：

[php]<script type="text/javascript">
function replaceReg(reg,str){
return str.replace(reg,'[img]$1[/img]')
}
var reg =
/<img(?:\s*\w*?\s*=\s*".+?")*?\s*src\s*=\s*"(.+?)"(?:\s*\w*?\s*=\s*".+?")*\s*>/ig;
var str = '我就是传说中的图片了<img src="URL">哎。';
document.write(replaceReg(reg,str)+'<br />');
</script>[/php]

第二个是替换object代码嵌入的flash代码替换为[swf]url[/swf]。

针对原文的正则如下：

[php]/<object[\s\S]*?src=([\s\S]+?)(?=\s)[\s\S]*<\/object>/i[/php]

如果是所有的属性都有双引号的话正则也需要修改。

测试如下：

[php]<script type="text/javascript">
function replaceReg(reg,str){
return str.replace(reg,'[swf]$1[/swf]')
}
var reg = /<object[\s\S]*?src=([\s\S]+?)(?=\s)[\s\S]*<\/object>/i;
var str = '<object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 \
codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/\
swflash.cab#version=5,0,0,0 width=255 height=250><param name=movie \
value=url><param name=quality value=high><embed src=url quality=high \
pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?\
P1_Prod_Version=ShockwaveFlash type=application/x-shockwave-flash \
width=255 height=250></embed></object>';
document.write(replaceReg(reg,str)+'<br />');
</script>[/php]

给属性添加双引号

给HTML标签中的属性添加双引号。

正则1如下：

[php]/(\s+\w+)\s*=\s*([^<>"\s]+)(?=[^<>]*>)/ig[/php]

正则2：

[php]str=str.replace(/(?!<\w+)(\s+\w+)\s*=\s*([^>\"\s]+)(?=[^>]*>)/ig,'$1="$2"')
.replace(/\"\'([^\'\"]+)\'\"/ig,'\"$1\"');[/php]

测试代码如下：

[php]<script type="text/javascript">
function rp(str,trg){
var reg1 = /(\s+\w+)\s*=\s*([^<>"\s]+)(?=[^<>]*>)/ig
var reg2 = /"'([^'"]*)'"/ig;
str=str.replace(reg1,'$1="$2"').replace(reg2,'\"$1\"');
trg.value=str;
}
</script>
<textarea id="sou" style="width:100%">
<a href = xxx name=aaa target=_blank title='asdfasf'
onclick=alert('blueidea')> asfd=asfd
</textarea>
<input type="button" onclick="rp(sou.value,sou)" value="replace"/>[/php]

正则3：

[php]/(\s+\w+)\s*=\s*([^"\s]+)(?=[^<>]*>)/ig[/php]

给table加上tbody

有若干table，但是没有tbody。现在需要用正则批量加上。

匹配table结束标签</table>比较简单，在前面加上一个</tbody>就行了。

但是，匹配table的起始标签有点难度，因为可能有属性。不过之前匹配过链接了，这个也大同小异。

实例table代码如下：

正则：

[php]/<table\s(\s*\w*?\s*=\s*".+?")*?\s*?>/g[/php]

匹配一个<table，在匹配若干个属性，最后只要再找到>就代表标签结束。

之后再replace一下，加上<tbody>就可以了。

去掉标签的所有属性

变成没有任何属性的

思路：非捕获匹配属性，捕获匹配标签，使用捕获结果替换掉字符串。正则如下：

[php]/(<td)\s(?:\s*\w*?\s*=\s*".+?")*?\s*?(>)/[/php]

首先，td匹配掉了标签，后面可以用$1引用，后面的若干属性被(?:)匹配掉，而最后匹配的>则可以在后面用$2引用。

示意代码：

str = str.replace(reg,’$1$2’);

正则替换特定单词

要求禁止输入某几个单词，如果拒绝red,yellow,white。这个帖子到时不难，但是让我弄清楚了好几个概念。

第一个，小心字符集合里的“或”

[php]/[^red|yellow|white]/[/php]

这个正则里的所有或都没有意义，等同于：

[php]/[^redyellowwhite]/[/php]

意思就是不能含有以下列出的所有字母。

正解：

[php]/red|yellow|white/[/php]

第二个概念：

只要整个正则匹配成功，无论子正则表达式是否匹配成功，括号都会捕捉。例如

[php]/(red)|(yellow)|(white)/[/php]

会捕捉到三个结果，尽管实际上最多只可能有一个括号匹配成功。但是只要有一个匹配到了，两外两个也会记录空串。

指定文字高亮显示

测试代码：

[php]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<META name="Author" content="Sheneyan" />
<script type="text/javascript">
function encode(s){
return s.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/([\\\.\*\[\]\$\^])/g,"\\$1");
}
function decode(s){
return s.replace(/\$[\\\.\*\[\]\($\$\^])/g,"$1").replace(/>/g,">").replace(/</g,"<").replace(/&/g,"&");
}
function highlight(s){
if (s.length==0){
alert('搜索关键词未填写！');
return false;
}
s=encode(s);
var obj=document.getElementsByTagName("body")[0];
var t=obj.innerHTML.replace(/<span\s+class=.?highlight.?>([^<>]*)<\/span>/gi,"$1");
obj.innerHTML=t;
var cnt=loopSearch(s,obj);
t=obj.innerHTML
var r=/{searchHL}(({(?!\/searchHL})|[^{])*){\/searchHL}/g
t=t.replace(r,"<span class='highlight'>$1</span>");
obj.innerHTML=t;
alert("搜索到关键词"+cnt+"处")
}
function loopSearch(s,obj){
var cnt=0;
if (obj.nodeType==3){
cnt=replace(s,obj);
return cnt;
}
for (var i=0,c;c=obj.childNodes[i];i++){
if (!c.className||c.className!="highlight")
cnt+=loopSearch(s,c);
}
return cnt;
}
function replace(s,dest){
var r=new RegExp(s,"g");
var tm=null;
var t=dest.nodeValue;
var cnt=0;
if (tm=t.match(r)){
cnt=tm.length;
t=t.replace(r,"{searchHL}"+decode(s)+"{/searchHL}")
dest.nodeValue=t;
}
return cnt;
}
</script>
<style type="text/css">
.highlight{background:green;font-weight:bold;color:white;}
</style>
</head>
<body>
<form onsubmit="highlight(this.s.value);return false;">
<p><input name="s" id="s" title="搜索内容："/><input type="submit" value="搜索"/></p>
</form>
<div id="content">
测试高亮的代码。很长很长的代码……………………
</div>
</body>
</html>[/php]

删除标签

删除除了<img>、<br>、<p>之外所有的标签。子虚乌有给出代码中关键的一句：

[php]o.innerHTML.replace(/(<\/?(?!br|p|img)[^>\/]*)\/?>/gi,'');[/php]

这个正则不用区分起始和结束标签。

[php]<\/?(?!br|p|img)[/php]

匹配除了保护标签外标签的起始标签或者是结束标签的一部分。

[php][^>\/]*[/php]

匹配到>或者/就结束。

[php]\/?>[/php]

起始标签或者结束标签的结尾。

作者: 聖騎天下

该日志由聖騎天下于10年前发表在软件开发分类下
转载请注明: JavaScript常用正则表达式备忘 | 聖騎天下 +复制链接
关键字: javascript, JS正则, 正则, 正则表达式

【上篇】JavaScript替换URL参数【下篇】检测浏览器是否支持HTML5的video标签

给我留言

您必须 [ 登录 ] 才能发表留言！

python版gb转big5, 复活pygb2big.py

apktool: No resource identifier found for attribute 'compileSdkVersionCodename' in package 'android'

Reduce APK Size build by android studio

Duplicate files copied in APK lib/arm64-v8a/libGNaviData.so

JavaScript常用正则表达式备忘

匹配结尾的数字

统一空格个数

判断字符串是不是由数字组成

电话号码正则

手机号码正则表达式

使用正则表达式实现删除字符串中的空格：

限制文本框只能输入数字和小数点等等

替换小数点前内容为指定内容

只匹配中文的正则表达式

返回字符串的中文字符个数

正则表达式取得匹配IP地址前三段

匹配<ul>与<ul>之间的内容

用正则表达式获得文件名

绝对路径变相对路径

用户名正则

匹配英文地址

正则匹配价格

身份证号码的匹配

要求文本有指定行数

单词首字母大写

正则验证日期格式

去掉文件的后缀名

验证邮箱的正则表达式

匹配源代码中的链接

匹配链接的文字

正则判断标签是否闭合

用正则获得指定标签的内容

正则判断是否为数字与字母的混合

空格与英文同时存在

显示或者保存正则表达式匹配的部分内容

正则表达式替换变量

正则替换指定属性中的文本

将阿拉伯数字替换为中文大写形式

替换文本中的URL为链接

从HTML代码段删除指定标签及内容

用正则给文本分段

转换源代码中的标签

给属性添加双引号

给table加上tbody

去掉标签的所有属性

正则替换特定单词

指定文字高亮显示

删除标签

作者: 聖騎天下

给我留言

网站统计

实用工具

返回首页