jQuery Validate plugin for multiple file upload validation

Question

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.

Can u share jsfiddle link?

acmsohail
– acmsohail

2017-01-25 06:43:36 +00:00
Commented Jan 25, 2017 at 6:43 — acmsohail
– acmsohail, Commented Jan 25, 2017 at 6:43

acmsohail · Accepted Answer · 2017-01-25 06:48:01Z

4

Please check this.

You didn't close a bracket in the end "}"
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,  
                  }
        }
});

answered Jan 25, 2017 at 6:48

acmsohail

1,02313 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sparky Over a year ago

Your jsFiddle does not work properly because there is no such method called filesize.

suiz Over a year ago

The solution is fine to use the brackets. but noticed one bug. If we select 2 files, 1st is the proper image and 2nd is a random file (such as text). There is no error message. While if we select the 1st txt file and 2nd image, it throughs the error. How can we resolve that issue?

Ateeq Over a year ago

filesize not working the actual method of validator in "maxsize" filesize: 434343 //size in bytes which is available in the additional-method.js file of plugin we can also add function for multiple file upload restriction which is maxfiles : 3 //no of files

Collectives™ on Stack Overflow

jQuery Validate plugin for multiple file upload validation

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related