javascript - Jquery - 如何检查 div 中的所有输入是否不为空？

Question

寻找一种简单的方法来验证某个 div 中所有必需的输入。 换句话说，确保某个 div 中的所有必需输入都不为空。

找到以下代码 here , 展示了一种检查给定页面上所有输入并确保它们不为空(包括其中只有空格的输入)的方法。

我正在尝试做同样的事情。就在某个 div 内和所有必需的输入。

$("input").filter(function () {
    return $.trim($(this).val()).length == 0
}).length == 0;

Answer 1

您可以做同样的事情，但您应该更改选择器以仅针对给定 div 内的输入并添加 [required] 选择器以仅选择那些具有 required属性:

$("div_selector input[required]").filter(function () {
    return $.trim($(this).val()).length == 0
}).length == 0;

希望这对您有所帮助。

$('button').on('click',function(){
  var result = $("#div_selector input[required]").filter(function () {
    return $.trim($(this).val()).length == 0
  }).length == 0;

  console.log(result);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name='first' required> Required input out of the div 

<div id='div_selector'>
  <input name='second' required> Required input
  <br>
  <input name='Third'>
  <br>
  <input name='Fourth' required> Required input
</div>
<br>
<button>Check</button>