js正則表達(dá)式驗證URL函數(shù)代碼(方便多個正則對比)
更新時間:2016年10月31日 23:40:03 投稿:mdxy-dxy
下面是一段相對全面的用例測試,可以考慮使用,當(dāng)然,如果你的要求很簡單,用網(wǎng)上傳的各種簡單版,cover到自己的用例就好。
推薦大家收藏的一段代碼,方便同時測試多個正則,查看不同的檢測結(jié)果,結(jié)合chrome完美
核心代碼
<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)址,僅有主域名 '測試.com', //非常規(guī)合法網(wǎng)址,中文域名不在參考之列 '1.2', //錯誤域名 ' WWWW ', //無效字符串 '111測試', //無效字符串 //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)址,有一級目錄下資源 'http://www.subdomain.baidu.com/index/subdir', //常規(guī)網(wǎng)址,多級子域名,多級目錄 'http://www.www.subdomain.baidu.com/index/subdir/',//常規(guī)網(wǎng)址,多級子域名,多級目錄,目錄地址閉合 'http://io.io' //非常規(guī)網(wǎng)址,多級子域名,多級目錄,目錄地址閉合 ]; // 建議的正則 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>
調(diào)試方法:
將上面的代碼保存為test.htm在chrome中運行,打開F12,即可看到效果如下圖所示
看了上面的主要是一些檢測url的正則了,大家可以參考這篇文章:http://www.dbjr.com.cn/article/31550.htm
您可能感興趣的文章:
- javascript正則表達(dá)式模糊匹配IP地址功能示例
- js正則表達(dá)式最長匹配(貪婪匹配)和最短匹配(懶惰匹配)用法分析
- js正則表達(dá)式惰性匹配和貪婪匹配用法分析
- js Abba逆向前瞻正則匹配實例
- JS正則子匹配實例分析
- js匹配網(wǎng)址url的正則表達(dá)式集合
- JavaScript正則表達(dá)式解析URL的技巧
- js正則解析URL參數(shù)示例代碼
- JS驗證URL函數(shù) 正則
- javascript 獲取url參數(shù)的正則表達(dá)式(用來獲取某個參數(shù)值)
- JS正則匹配URL網(wǎng)址的方法(可匹配www,http開頭的一切網(wǎng)址)
相關(guān)文章
正則表達(dá)式 匹配至少有一個非空白字符并且不超過指定長度
最近需要用到一個驗證,規(guī)則為:至少有一個非空白字符并且不超過指定長度,想用正則表達(dá)式來處理,上網(wǎng)搜了一下,發(fā)現(xiàn)其他人也有和我一樣的需求,并且有高手給了幾個很精彩的解決方案,現(xiàn)將網(wǎng)上的解決方案整理一下,以備其他有相同需求的人參考2011-11-11Python如何使用正則表達(dá)式識別代碼中的中文、英文和數(shù)字
正則表達(dá)式是一種強大的工具,可以幫助我們實現(xiàn)識別代碼中的中文、英文和數(shù)字,本文將分三個部分詳細(xì)介紹如何使用正則表達(dá)式在 Python 中識別代碼中的中文、英文和數(shù)字,感興趣的朋友跟隨小編一起看看吧2023-06-06