用于多个文件上传验证的 jQuery Validate 插件

Question

我有一个文件上传字段，可以选择和上传多个文件，我正在使用 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

请检查一下。

1. 您没有在末尾“}”结束括号

2. 对于单个输入，您可以使用 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,  
                  }
        }
});