计算具有特定类的空输入数量

Question

我已经尝试了之前问题中提供的一些解决方案，但都没有成功。希望有人能帮我解决这个问题。

在表单中，我有一个部分会动态创建一些带有特定类名的字段：

 <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>

在失去焦点时，我需要检查是否为空，我已经尝试过以下方法：

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

    //check all fields for complete

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

});

并获得“0”

- Daniel Hunter

---

为什么不使用.user_field并使用.each()检查所有字段的长度？ - gcochard

Answer 1

这将为您提供所有空输入：

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

- elclanrs

---

在过滤器后面加上 .length 以返回计数。 - Selvakumar Arumugam

谢谢elclanrs！这个可行。我将它分配给一个变量，以便我可以将它放在if语句中。 - Daniel Hunter

谢谢你，兄弟！ - Brynner Ferreira

Answer 2

我只是发布了使用.not的版本。

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

    alert(count);
});

演示

- Selvakumar Arumugam

Answer 3

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

演示

- thecodeparadox