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的長度是真實的。