jQuery Validate plugin for multiple file upload validation

问题

I have a file upload field, that can select and upload multiple files, I am using jquery Validate plugin for field validations, for single file upload I can successfully make use of this plugin feature, but I have no idea how to use this with multi file upload filed, Here is my html

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

For Single file upload I am using below js, and works as intended :>

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

})

I try to use the 'design_src[]' like this in rules, but not working, How can I achieve this.

回答1:

Please check this.

1. You didn't close a bracket in the end "}"

2. For single input you can use design_src, for multiple array you should use "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,  
                  }
        }
});

来源：https://stackoverflow.com/questions/41832781/jquery-validate-plugin-for-multiple-file-upload-validation