jQuery:如何确定一个或多个文本框是否为空

Question

假设我有一组如下形式的文本框:

<input class="member" type="text" name="integrantes[]" />

为了验证，我需要确保所有这些文本框都包含一个值，如果没有则显示错误。

我目前的想法基本上是在外面设置值，a la:

var oneEmpty = false;
$(".member").each(function() { oneEmpty = oneEmpty || $(this).val() == "" });
if (oneEmpty) { etc }

但是，它并不是特别优雅。因此，有没有更好的方法来实现它？

Answer 1

您可以简单地过滤掉所有不为空的输入，并检查是否还有剩余输入:

var empties = $('.member').filter(function () {
    return $.trim($(this).val()) == '';
});
if (empties.length) { /* Error! */ }