counting number of empty inputs with a certain class

Question

I have tried a couple of solutions from previous questions, but no luck. Hoping someone can help me out.

I have a section of a form where fields are dynamically created with a certain class:

 <td><input class="user_field" type="text" name="1[user_fname]"/></td>
 <td><input class="user_field" type="text" name="1[user_lname]"/></td>
 <td><input class="user_field phone" type="text" name="1[user_mobile]"/></td>
 <td><input class="user_field" type="text" name="1[user_email]"/></td>
 <td>&nbsp;</td>

On blur i need to check for empties and have tried:

$('.user_field').blur(function(){

    //check all fields for complete

    alert ($('.user_field[value=""]').length)

});

and get "0"

Answer 1

This will give you all empty inputs:

$('.user_field').filter(function(){
    return !$(this).val();
}).length;

Answer 2

mm just posting my version using .not

$('.user_field').blur(function() {
   var count = $('.user_field').not(function() {
        return this.value;
    }).length;

    alert(count);
});

DEMO

Answer 3

$('.user_field').blur(function(){
    alert ($('.user_field').filter('[value=""]').length);
});

DEMO