如何使用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/