jQuery检查多个输入的值

Question

<form class=".form" action="">
  <input type="text" class="inputs"><br>
  <input type="text" class="inputs"><br>
</form>
<button>Check</button>


$("button").on("click", function () {
  if($(".inputs").val()) {
    $("body").css("background-color", "yellow");
  } else {
    $("body").css("background-color", "red");
  }
});

如您所见，我想检查输入中的值，然后根据该值选择主体的颜色。 问题是，它仅检查所有元素中的第一个元素。

您可以尝试在第二个输入中输入一个值，而将第一个输入留空，然后查看。

我想检查所有输入中是否有AND条件的值，该怎么做？

谢谢

Answer 1

var $inputs = $('.inputs');
//logical OR, if any have a value
$inputs.filter(function(){ return this.value.trim(); }).length
//logical AND, if none of them do not have a value
$inputs.filter(function(){ return !this.value.trim(); }).length < 1
//logical AND, with just nots (!)
!$inputs.filter(function(){ return !this.value.trim(); }).length

这将返回具有非空白值的输入。 大于0的长度是真实的。