Count empty input field[]?

Question

<ul id="uploadimages">
    <li><input type="file" name="gallery[]" id="upload1"/></li>
    <li><input type="file" name="gallery[]" id="upload2"/></li>
    <li><input type="file" name="gallery[]" id="upload3"/></li>
    <li><input type="file" name="gallery[]" id="upload4"/></li>
</ul>

How to count how many empty input(type="file") fields inside the <ul> ?

Murtaza · Accepted Answer · 2012-01-04 06:43:52Z

2

Working with your example

<ul id="uploadimages">
    <li><input type="file" name="gallery[]" id="upload1"/></li>
    <li><input type="file" name="gallery[]" id="upload2"/></li>
    <li><input type="file" name="gallery[]" id="upload3"/></li>
    <li><input type="file" name="gallery[]" id="upload4"/></li>
</ul>

<input type="button" value="click" class="count"/>

Script in document.ready

$(".count").click(function(){
var count = $('#uploadimages input:file[value=""]').length
alert(count);

})

answered Jan 4, 2012 at 6:43

Murtaza

3,0752 gold badges28 silver badges39 bronze badges

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

Comments

Anurag · Accepted Answer · 2012-01-04 06:41:19Z

2

$('#uploadimages input:file[value=""]').length

answered Jan 4, 2012 at 6:41

Anurag

142k37 gold badges223 silver badges262 bronze badges

Comments

Aleksander A · Accepted Answer · 2015-03-16 07:51:10Z

1

Accepted approach of Murtaza unfortunatelly doesn't work for me. I don't know why. https://jsfiddle.net/7vLrhqyw/

This works:

$(".count").click(function () {
    var count=0;
    $('#uploadimages input:file').each(function(){
       if($(this).val()=="")count++; 
    });
    alert(count);

});

answered Mar 16, 2015 at 7:51

Aleksander A

3513 silver badges11 bronze badges

Collectives™ on Stack Overflow

Count empty input field[]?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related