jquery 验证插件 - 文件上传

Question

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

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

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

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

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

如何限制用户 select 最多只能使用两个文件？ jquery 验证插件中是否有可用的规则？（例如 maxFile: 2）

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

Answer 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,
     },

工作魅力:-)

Answer 2

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

jquery 验证插件 - 文件上传

jquery validation plugin - file upload

jquery

jquery-validate