Validate only first upload input with jQuery

Question

I have a form with two upload input.

<form action="http://localhost/royalshop/administrator/submit_product" method="post" accept-charset="utf-8" id="myform" enctype="multipart/form-data">  
  <div class="productpicstables">
    <input type="file" name="file1" />
  </div>
  <div class="productpicstables">
    <input type="file" name="file2" />
  </div>
</form>

I want to validate just the first one with jQuery. How can I do this?

It should be required and better to have size of 512*512.

Thanks.

If this question is not about the jQuery Validate plugin, then please do not use that tag. Otherwise, make an attempt and show the relevant code. Thanks. — Sparky
– Sparky, Commented Mar 10, 2015 at 14:40

Mushahid Khan · Accepted Answer · 2015-03-10 10:26:48Z

2

use the same name:

$('input[type="file"]').each(function() {
var $this = $(this);
if ($this.val() == '') { 
    Response('- Upload file not selected!', true);
    $this.addClass('Error').fadeOut().fadeIn();
    return false;
} else {
    $this.removeClass('Error');
}

});

answered Mar 10, 2015 at 10:26

Mushahid Khan

2,8441 gold badge21 silver badges32 bronze badges

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

1 Comment

Vahid Najafi Over a year ago

Before I ask, I searched and found this. Any way I solved. Thanks.

Collectives™ on Stack Overflow

Validate only first upload input with jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related