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

Question

假设我有一组表格的文本框：

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

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

我目前的想法基本上是将值设置为外部，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! */ }

Answer 2

如果您正在使用jquery验证，您可以在文本框输入上放置一个必需的类，它会为您验证。 jQuery Validate

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

Answer 3

Kyte我建议您使用jQuery validate并在所有文本输入上应用必需的类我还想象您可能也想要其他的东西