js正規表示式驗證URL函式程式碼(方便多個正則對比)

推薦大家收藏的一段程式碼，方便同時測試多個正則，檢視不同的檢測結果，結合chrome完美

核心程式碼

<script>
/**
 * 正規表示式判斷網址是否有效
 */
 
(function(){
  "use strict";
 
  var urlDict=[
    //Bad Case
    '常規網址，未帶協議頭的地址
    'w.baidu.com',            //常規網址，短子域名
    'baidu.com',             //常規網址，僅有主域名
    '測試.com',              //非常規合法網址，中文域名不在參考之列
    '1.2',                //錯誤域名
    ' WWWW ',              //無效字串
    '111測試',              //無效字串
    //Correct Case
    '常規網址，僅有主域名
    '常規網址，帶子域名
    '常規網址，使用https協議頭，帶根目錄
    '常規網址，有一級目錄下資源
    '常規網址，多級子域名，多級目錄
    '常規網址，多級子域名，多級目錄，目錄地址閉合
    '非常規網址，多級子域名，多級目錄，目錄地址閉合
  ];
 
  // 建議的正則
  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_!~*'()-]+\.)*" // 域名- 
      + "([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的正則了。