jQuery Validate MultIple File Upload

Question

I am trying to validate a HTML file upload using jQuery Validate plugin,

My html form is,

<form id="formid" action="welcome/test_up" method="post" enctype="multipart/form-data">
<input type="file" name="myfile[]" id="myfile" multiple>
<input type="submit" name="submit" id="submit" value="submit"/>

And I'm using Jquery validation plugin as,

$('#formid').validate({
    rules: { 
       inputimage: { required: true, accept: "png|jpe?g|gif"  }
    },
    messages: { inputimage: "File must be JPG, GIF or PNG" }
});

But unfortunately it's not working,

It's working if I use name="myfile" but not when I use name="myfile[]"

Any idea to solve this ?

This may not have anything to do with your JS, but with the actual PHP. — Funk Forty Niner
– Funk Forty Niner, Commented May 17, 2014 at 5:20
Is there any other way to achieve this ? because i've completed my php scripts with php validation but my client needs some realtime validation. So any idea ? — Vinoth Pandiyan
– Vinoth Pandiyan, Commented May 17, 2014 at 5:27

Moch Zawaruddin Abdullah · Accepted Answer · 2015-10-09 04:25:58Z

0

try to set your rule in input tag become

<input type="file" name="myfile[]" id="myfile" accept="png|jpe?g|gif" multiple>

so your js only

$('#formid').validate();

answered Oct 9, 2015 at 4:25

Moch Zawaruddin Abdullah

1111 silver badge6 bronze badges

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

Collectives™ on Stack Overflow

jQuery Validate MultIple File Upload

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related