至少一组所有html元素填充了jquery

Question

假设我有一些类似这样的html：

<div class="users" id="user_1">
    Name: <input type="text" name="name" value="" />

    Sex : <br />
    <input type="radio" name="sex" value="male" /> Male
    <input type="radio" name="sex" value="female" /> Female

    Comments: 
    <textarea rows="5" cols="50"></textarea>
</div>

<br />

<div class="users" id="user_2">
    Name: <input type="text" name="name" value="" />

    Sex : <br />
    <input type="radio" name="sex" value="male" /> Male
    <input type="radio" name="sex" value="female" /> Female

    Comments: 
    <textarea rows="5" cols="50"></textarea>
</div>

<br />

<div class="users" id="user_3">
    Name: <input type="text" name="name" value="" />

    Sex : <br />
    <input type="radio" name="sex" value="male" /> Male
    <input type="radio" name="sex" value="female" /> Female

    Comments: 
    <textarea rows="5" cols="50"></textarea>
</div>

如您在上面看到的，我有三个div。 每个div中的所有字段都是必填字段。 我想知道用户是否已使用jquery至少填充了一个div中的所有字段。 最简单，最有效的方法是什么？

谢谢

Answer 1

开始遍历外部元素。 在循环中，循环遍历输入元素以检查每个元素的值。 如果循环遍历外部div内的所有输入元素，但未找到空白输入，则将发现一个充满非空输入的div。 突破外循环。

var allFormValid = false;

$('.users').each(function(i, form) {
 var formValid = true;
 $(form).children().each(function(j, input) {
  if($(input).val() === '') {
   formValid = false;
   return false;
  }
 });
 if(formValid) {
  allFormValid = true;
  return false;
 }
});