javascript - 如何使用 jquery 验证按钮单击时的多个文本框

Question

在我的应用程序中，我有五个文本框。

当单击提交按钮时，我想验证这些文本框。

验证应至少有 3 个文本框具有值。

老方法是使用 jQuery 每个循环，我们可以检查，但是还有其他方法吗？

$("#submitBtn").on("click", function(){
  var count = 0;
  $(".textboxesDiv input").each(function () {
    if($(this).val() != "" && $(this).val() != null && $(this).val() != undefined){
      count++;
    }
  });
  if(count > 2 )
  {
    alert("3 or more");
  }
  else{
    alert("lessa than 3");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="textboxesDiv">
  <input type="text" id="textbox1" >
  <input type="text" id="textbox2" >
  <input type="text" id="textbox3" >
  <input type="text" id="textbox4" >
  <input type="text" id="textbox5" >
</div>
<input type="submit" id ="submitBtn" name="button"/>

https://jsfiddle.net/7Lmgbbng/1/

Answer 1

检查这个例子 http://jsfiddle.net/ggChris/mfbaxkfp/

<input id="AccountText" type="text" name="AccountText" value="" class="form-control" placeholder="Name" required=''/>
<input class="button" type="submit" value="submit">


$(document).ready(function(){
       $('.button').click(function(){
            if ($('input#AccountText').val() == ""){
                alert('Please complete the field');
            }
        });
    });

或者你可以使用 jquery 验证 https://jqueryvalidation.org/