如何获取验证输入值

Question

我有表格

<div class = "required">
 <div class = 'myclass'>
  <input type="text" name="login" id="login" value="" class="anotherclass">
 </div>
</div>
<div class = "required">
 <div class = 'myclass'>
  <input type="text" name="pass" id="pass" value="" class="anotherclass">
 </div>
</div>
<div class>
 <div class = 'myclass'>
  <input type="text" name="comment" id="comment" value="" class="anotherclass">
 </div>
</div>

我想要得到类“required”的所有元素，并得到这个div内的输入值，然后得到validete值。 我可以通过id得到一个元素的值，但是我想尝试得到由家长类选择的孩子的值。 我得到数组

 var form = $('.required :input')

但我无法得到投入的价值。 使用数组索引或每个返回错误。

 form[0].val();

Uncaught TypeError: form[0].val is not a function

请帮帮我，我错在哪里？

Answer 1

使用[0]这样的括号可以将jquery对象转换为DOMElement。 因此您需要以下语法之一:

JavaScript:

 form[0].value

或者继续使用jQuery:

 form.eq(0).val()

Answer 2

您需要使用循环从jQuery对象中的集合中分别检索每个输入的值。 为此，可以使用eace()和val():

null

$('.required :input').each(function() {
  let val = $(this).val();
  console.log(val);
  
  // validate here...
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="required">
  <div class="myclass">
    <input type="text" name="login" id="login" value="lorem" class="anotherclass">
  </div>
</div>
<div class="required">
  <div class="myclass">
    <input type="text" name="pass" id="pass" value="ipsum" class="anotherclass">
  </div>
</div>
<div class>
  <div class="myclass">
    <input type="text" name="comment" id="commnt" value="dolor" class="anotherclass">
  </div>
</div>