如何改写JS正则表达式验证URL函数，使其适应不同正则对比？

本文共计640个文字，预计阅读时间需要3分钟。

推荐一段可收藏的代码，方便同时测试多个正则表达式，查看不同的测试结果。结合Chrome浏览器、核心代码及正则表达式，判断网址是否有效：

javascript(function() { use strict; var urlDict=[ /Bad Case 'w'/, /Good Case 'http:\/\/example.com'/, /Another Good Case 'https:\/\/www.google.com'/, /Invalid Case 'www.example.com'/ ];

urlDict.forEach(function(regexp) { console.log(regexp.toString() + (regexp.test('http://example.com') ? ' - Valid' : ' - Invalid')); });})();

推荐大家收藏的一段代码，方便同时测试多个正则，查看不同的检测结果，结合chrome完美

核心代码

<script> /** * 正则表达式判断网址是否有效 */ (function(){ "use strict"; var urlDict=[ //Bad Case 'www.baidu.com', //常规网址，未带协议头的地址 'w.baidu.com', //常规网址，短子域名 'baidu.com', //常规网址，仅有主域名 '测试.com', //非常规合法网址，中文域名不在参考之列 '1.2', //错误域名 ' WWWW ', //无效字符串 '111测试', //无效字符串 //Correct Case 'baidu.com', //常规网址，仅有主域名 'www.baidu.com', //常规网址，带子域名 'www.baidu.com/', //常规网址，使用www.baidu.com/api', //常规网址，有一级目录下资源 'www.subdomain.baidu.com/index/subdir', //常规网址，多级子域名，多级目录 'www.www.subdomain.baidu.com/index/subdir/',//常规网址，多级子域名，多级目录，目录地址闭合 'io.io' //非常规网址，多级子域名，多级目录，目录地址闭合 ]; // 建议的正则 function isURL(str){ return !!str.match(/(((^)" + "?(([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的正则了，大家可以参考这篇文章：www.jb51.net/article/31550.htm