推荐大家收藏的一段代码,方便同时测试多个正则,查看不同的检测结果,结合chrome完美
核心代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
<script>
/**
* 正则表达式判断网址是否有效
*/
( function (){
"use strict" ;
var urlDict=[
//Bad Case
'www.baidu.com' , //常规网址,未带协议头的地址
'w.baidu.com' , //常规网址,短子域名
'baidu.com' , //常规网址,仅有主域名
'测试.com' , //非常规合法网址,中文域名不在参考之列
'1.2' , //错误域名
' WWWW ' , //无效字符串
'111测试' , //无效字符串
//Correct Case
'http://baidu.com' , //常规网址,仅有主域名
'http://www.baidu.com' , //常规网址,带子域名
'https://www.baidu.com/' , //常规网址,使用https协议头,带根目录
'http://www.baidu.com/api' , //常规网址,有一级目录下资源
'http://www.subdomain.baidu.com/index/subdir' , //常规网址,多级子域名,多级目录
'http://www.www.subdomain.baidu.com/index/subdir/' ,//常规网址,多级子域名,多级目录,目录地址闭合
'http://io.io' //非常规网址,多级子域名,多级目录,目录地址闭合
];
// 建议的正则
function isURL(str){
return !!str.match(/(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*) #?(?:[\w]*))?)$/g);
}
// 不知道谁写的简单版的坑爹正则
function badRegFn(str){
return !!str.match(/(http[s]?|ftp):\/\/[^\/\.]+?\..+\w$/g);
}
//jb51
function IsURL(str_url){
var strRegex = "^((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 re= new RegExp(strRegex);
//re.test()
if (re.test(str_url)){
return ( true );
} else {
return ( false );
}
}
// 测试用例覆盖
( function (){
var ret={};
var collect= function (link){
var obj={},fnList=[isURL,badRegFn,IsURL];
for ( var i=0,j=fnList.length;i<j;i++){
var fn=fnList[i];
obj[fn.name]=fn.call( null ,link);
}
return obj;
};
for ( var i=0,j=urlDict.length;i<j;i++){
ret[urlDict[i]]=collect(urlDict[i]);
}
console.log(ret),console.table(ret);
}());
}());
</script>
|
调试方法:
将上面的代码保存为test.htm在chrome中运行,打开F12,即可看到效果如下图所示
看了上面的主要是一些检测url的正则了,大家可以参考这篇文章:http://www.zzvips.com/article/97198.html