counting number of empty inputs with a certain class

count, jquery

Solution

This will give you all empty inputs:

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

Problem

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"

Original source