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