Gimhoy's Blog

网上闲逛看到一个改进版的验证url是否有效的正则表达式，最近正好有用，转来Mark一下。

原文地址:https://www.soulteary.com/2014/12/05/better-url-regexp-in-js.html

/**
 * 正则表达式判断网址是否有效
 */
 
(function(){
    "use strict";
 
    varurlDict=[
        //Bad Case
        'www.baidu.com',                      //常规网址，未带协议头的地址
        'w.baidu.com',                        //常规网址，短子域名
        'baidu.com',                          //常规网址，仅有主域名
        '测试.com',                           //非常规合法网址，中文域名不在参考之列
        '1.2',                                //错误域名
        '  WWWW ',                            //无效字符串
        '111测试',                            //无效字符串
        //Correct Case
        'https://baidu.com',                   //常规网址，仅有主域名
        'https://www.baidu.com',               //常规网址，带子域名
        'https://www.baidu.com/',             //常规网址，使用https协议头，带根目录
        'https://www.baidu.com/api',           //常规网址，有一级目录下资源
        'https://www.subdomain.baidu.com/index/subdir',      //常规网址，多级子域名，多级目录
        'https://www.www.subdomain.baidu.com/index/subdir/',//常规网址，多级子域名，多级目录，目录地址闭合
        'https://io.io'                        //非常规网址，多级子域名，多级目录，目录地址闭合
    ];
 
    // 建议的正则
    functionisURL(str){
        return!!str.match(/(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g);
    }
 
    // 不知道谁写的简单版的坑爹正则
    functionbadRegFn(str){
        return!!str.match(/(http[s]?|ftp):\/\/[^\/\.]+?\..+\w$/g);
    }
 
 
    // 测试用例覆盖
    (function(){
        varret={};
 
        varcollect=function(link){
            varobj={},fnList=[isURL,badRegFn];
            for(vari=0,j=fnList.length;i<j;i++){
                varfn=fnList[i];
                obj[fn.name]=fn.call(null,link);
            }
            returnobj;
        };
 
        for(vari=0,j=urlDict.length;i<j;i++){
            ret[urlDict[i]]=collect(urlDict[i]);
        }
 
        console.log(ret),console.table(ret);
    }());
 
}());