配置JQ验证以接受不带http://前缀的URL

Question

我正在使用Jquery验证，我需要一个定制的验证方法。

默认URL方法将不接受URL，除非它有一个架构。我的用户只会提供以http://，开头的URL，所以我不想让他们每次输入它时都遇到麻烦。

我正在尝试创建一个验证方法，它将使用默认的URL方法来检查URL的有效性。如果失败，我希望在http://前面加上，并再次运行它。到目前为止，我的情况如下：

addCustomUrlValidator: function () {
    $.validator.addMethod("short-url", function(value, element) {

        if (value.length == 0) return true;  // the field is optional

        // attempt to validate with default URL method.  Return true on valid.
        // ...

        // prepend http:// to value and attempt validation again.  Return true on valid.
        // ...

        return false

    }, jQuery.validator.format("Must be a valid URL format"));
}

Answer 1

我正在使用Jquery验证，我需要一个定制的验证方法。

关于我们如何在下面做这件事，请参阅方法文档。

默认URL方法将不接受URL，除非它有一个架构。我的用户只会提供以http://开头的URL，所以我不想让他们每次输入它时都遇到麻烦。

我从默认的url方法插件内部复制了函数本身，并编辑了regex，这样您就不需要URI方案了。(我只是删除了正则表达式的(https?|s?ftp):\/\/部分。)注意，这个新规则名为my_url，您可以将其更改为您想要的任何内容。

jQuery.validator.addMethod('my_url', function( value, element ) {
    // contributed by Scott Gonzalez: http://projects.scottsplayground.com/iri/
    return this.optional( element ) || /^(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test( value );
}, 'Please enter a valid url without the "http".');

如果它失败了，我想要预置http://并再次运行它。

在表单提交之后，您应该在服务器端操作数据。您只应从自定义方法返回true或false，而不应操作任何数据，也不应多次以编程方式强制相同的数据通过相同的规则。要么用户输入了正确的格式要么他没有..。用户再试一次。