js如何實(shí)現(xiàn)匹配網(wǎng)址url的正則表達(dá)式

這篇文章主要為大家展示了“js如何實(shí)現(xiàn)匹配網(wǎng)址url的正則表達(dá)式”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“js如何實(shí)現(xiàn)匹配網(wǎng)址url的正則表達(dá)式”這篇文章吧。

DNS規(guī)定，域名中的標(biāo)號(hào)都由英文字母和數(shù)字組成，每一個(gè)標(biāo)號(hào)不超過63個(gè)字符，也不區(qū)分大小寫字母。標(biāo)號(hào)中除連字符（-）外不能使用其他的標(biāo)點(diǎn)符號(hào)。級(jí)別最低的域名寫在最左邊，而級(jí)別最高的域名寫在最右邊。由多個(gè)標(biāo)號(hào)組成的完整域名總共不超過255個(gè)字符。所以驗(yàn)證則網(wǎng)址url的正則可以如下幾種

方法一：

function checkUrl(urlString){
if(urlString!=""){
var reg=/(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/;
if(!reg.test(urlString)){
alert("不是正確的網(wǎng)址吧，請(qǐng)注意檢查一下");
						}
					}
}

方法二：推薦

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]\." // 二級(jí)域名 
  + "[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); 
  }
 }
var testUrl;
testUrl="http://harveyzeng.iteye.com/blog/1776991";
//var testUrl="https://www.jb51.net/article/1.htm";
alert(IsURL(testUrl));

剛發(fā)現(xiàn)一個(gè)不錯(cuò)的多功能測(cè)試函數(shù)的代碼：

<script>
/**
 * 正則表達(dá)式判斷網(wǎng)址是否有效
 */
 
(function(){
  "use strict";
 
  var urlDict=[
    //Bad Case
    'www.baidu.com',           //常規(guī)網(wǎng)址，未帶協(xié)議頭的地址
    'w.baidu.com',            //常規(guī)網(wǎng)址，短子域名
    'baidu.com',             //常規(guī)網(wǎng)址，僅有主域名
    '測(cè)試.com',              //非常規(guī)合法網(wǎng)址，中文域名不在參考之列
    '1.2',                //錯(cuò)誤域名
    ' WWWW ',              //無效字符串
    '111測(cè)試',              //無效字符串
    //Correct Case
    'http://baidu.com',          //常規(guī)網(wǎng)址，僅有主域名
    'http://www.baidu.com',        //常規(guī)網(wǎng)址，帶子域名
    'https://www.baidu.com/',       //常規(guī)網(wǎng)址，使用https協(xié)議頭，帶根目錄
    'http://www.baidu.com/api',      //常規(guī)網(wǎng)址，有一級(jí)目錄下資源
    'http://www.subdomain.baidu.com/index/subdir',   //常規(guī)網(wǎng)址，多級(jí)子域名，多級(jí)目錄
    'http://www.www.subdomain.baidu.com/index/subdir/',//常規(guī)網(wǎng)址，多級(jí)子域名，多級(jí)目錄，目錄地址閉合
    'http://io.io'            //非常規(guī)網(wǎng)址，多級(jí)子域名，多級(jí)目錄，目錄地址閉合
  ];
 
  // 建議的正則
  function isURL(str){
    return !!str.match(/(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g);
  }
 
  // 不知道誰寫的簡(jiǎn)單版的坑爹正則
  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]\." // 二級(jí)域名 
      + "[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); 
      }
    }
 
 
  // 測(cè)試用例覆蓋
  (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>

運(yùn)行以后通過chorme的F12查看效果

上面介紹的主要是js函數(shù)的寫法與判斷方法，下面是小編整理的一些關(guān)于驗(yàn)證網(wǎng)址的正則表達(dá)式大家可以參考一下

以上是“js如何實(shí)現(xiàn)匹配網(wǎng)址url的正則表達(dá)式”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！