jQuery 验证扩展方法不起作用

Question

我使用 extension 将以下规则添加到现有的 jQuery 验证脚本中，但是这个片段会导致它崩溃并且根本无法验证。我已经尝试了前后所有可能的逗号组合，并且我还尝试使用 accept方法与 mimetypes，但到目前为止没有任何效果。如果我注释掉这个片段(以及它之前的行上的注释)，代码可以完美运行，但是添加它会导致它中断。

Here's a jsFiddle按原样使用代码(不起作用)，并且 here's one使用完全相同的代码，除了代码片段被注释掉(工作正常)。

代码片段本身:

form1upload: {
    extension: "jpg|jpeg|pdf|doc|docx|png"
}

完整代码:

jQuery(document).ready(function() {
    jQuery("#grantapp").validate({
        errorClass:"errorlabels",
        rules: {
            form1name: "required",
            form1building: "required",
            form1position: "required",
            form1phonex: "required",
            form1besttime: "required",
            form1projtitle: "required",
            form1benefit: "required",
            form1timeframe: "required",
            form1relevance: "required",
            form1description: "required",
            form1amount: "required",
            form1acceptchk: "required",
            form1upload: {
                extension: "jpg|jpeg|pdf|doc|docx|png"
            }
        },
        messages: {
            form1name: "You must enter your name.",
            form1building: "You must enter your building.",
            form1position: "You must enter your position.",
            form1phonex: "You must enter your phone extension.",
            form1besttime: "You must enter the best time to contact you.",
            form1projtitle: "You must give your project a title.",
            form1benefit: "You must enter the number of students who will benefit.",
            form1timeframe: "You must enter a time frame for this project.",
            form1relevance: "<br />You must state how this project is relevant to education.",
            form1description: "<br />You must provide a description of your project.",
            form1amount: "You must enter a requested amount.",
            form1acceptchk: "<span style=\"position:relative;top:-10px;\">You must accept the terms.</span>",
            form1upload: "You may not upload this type of file."
        },
        errorPlacement: function (error, element) { 
            if (element.attr("name") == "form1acceptchk") {
                error.insertAfter("#tbl1");
            } else {
                error.insertAfter(element);
            }
        }
    });
});

Answer 1

那是因为the extension rule/method默认情况下不是 jQuery Validate 插件的一部分。

您必须包含 jQuery Validate 插件的 additional-methods.js file如果您想使用扩展规则。

现在似乎可以工作了...

http://jsfiddle.net/tMRer/