jquery 验证插件 - 文件上传答案

【问题标题】：jquery validation plugin - file uploadjquery 验证插件 - 文件上传
【发布时间】：2016-03-22 06:57:02
【问题描述】：

我正在使用 jquery 验证插件来验证我的表单。我在表单中有一个文件字段用于上传文档。

<input type="file" name="policyBriefFiles" id="policyBriefFiles" multiple="multiple">

这是我对该字段的验证码。

policyBriefFiles: {
         extension:'xlsx,pdf',
         filesize: 2097152,  
     },

现在我希望用户最多选择两个文件，但是文件指定了多个属性，用户可以选择任意数量的文件。

如何限制用户最多只能选择两个文件而不是更多？ jquery验证插件中是否有任何可用的规则？（如 maxFile: 2）

我也不介意任何其他解决方法。

【问题讨论】：

我觉得这个链接可以帮到你：stackoverflow.com/questions/8212041/…
@DoanMinhTien 感谢您的回答。在链接中，他们正在验证文件大小。我想验证所选文件的数量。
你可以这样做：document.getElementById('policyBriefFiles').files.length 获取用户选择后的文件数
是的。那行得通。谢谢。
"jquery 验证插件中是否有可用的规则" ~ 为什么不先查看documentation 或查看the plugin 和additional-methods 的源代码文件？

标签： jquery jquery-validate

【解决方案1】：

我为此制定了自定义验证方法。在这里

$.validator.addMethod("maxFilesToSelect", function(value, element, params) {
    var fileCount = element.files.length;
    if(fileCount > params){
        return false;
    }
    else{
        return true;
    }
},  'Select no more than 2 files');

并将规则指定为

policyBriefFiles: {
         extension:'xlsx,pdf',
         filesize: 2097152,  
         maxFilesToSelect : 2,
     },

发挥魅力 :-)

【讨论】：

【解决方案2】：

我们可以在插件的additional-method.js 文件中简单地添加maxfiles: 3 方法。 maxfiles: 3 // 你想要的最大文件数。

【讨论】：