Javascript驗證網址

Question

我使用以下代碼在客戶端驗證URL。 我的問題是是否有更好的方法來做同樣的事情。 我的問題與我正在使用的正則表達式無關（只是整體書寫方式）

this.validators.myUrl = function(value) {
    if (!_.isUndefined(value) && !_.isNull(value)) {

    if ($.trim(value).length == 0) {
        return {
            isValid: true
        } 
    }   else {

        return /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/i.test($.trim(value)) == true ? {
            isValid: true
        } : {
            isValid: false,
            message: "Enter a valid URL"
        };
    }
    } else {
        if ($.trim(value).length == 0) {
        return {
            isValid: true
        }
    }
    }
};

Answer 1

為什么不想使用現成的插件/庫？

您可以使用jQuery Validation Plugin及其url方法。

您需要的是：

$( "#myform" ).validate({
    rules: {
        field: {
            required: true,
            url: true
        }
    }
});

myform是您的表單的ID。