jQuery 验证多个文件上传验证的插件

Question

我有一个文件上传字段，可以 select 并上传多个文件，我正在使用 jquery Validate 插件进行字段验证，对于单个文件上传我可以成功地使用这个插件功能，但我不知道如何在多文件上传文件中使用它，这是我的 html

<input type="file" required="" name="design_src[]" multiple id="design_src" />

对于单个文件上传，我使用下面的 js，并且按预期工作：>

$('#myForm').validate({
       rules: {
           design_src: {
                         required: true,
                         extension: "jpg|jpeg|png",
                         filesize: 20971520,  
                      }

})

我尝试在规则中使用这样的 'design_src[]'，但不起作用，我该如何实现。

Answer 1

请检查这个。

你没有在最后关闭括号 "}"
对于单个输入，您可以使用 design_src，对于多个数组，您应该使用 "design_src[]"

http://jsfiddle.net/rq5ra/1060/

HTML

<form id="createprofile">
  <input type="file" required="" name="design_src[]" multiple/>
  <input type="submit" />
</form>

JQuery

$('#createprofile').validate({
   rules: {
       "design_src[]": {
                     required: true,
                     extension: "jpg|jpeg|png",
                     filesize: 20971520,  
                  }
        }
});

jQuery 验证多个文件上传验证的插件

jQuery Validate plugin for multiple file upload validation

jquery

jquery-validate