js正则表达式验证URL函数代码(方便多个正则对比)

前端  /  管理员 发布于 4年前   298

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

核心代码

<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);  }//jb51function 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的正则了，大家可以参考这篇文章：31550.htm