獲取字段集中所有jQuery輸入的值

Question

這是我在這裏問的第一個問題。 我有一個fieldset內有4個輸入。如果完成4箇中的至少2個，我想驗證表單。我可以通過$("#communications input").val()獲得第一個輸入的值。

<fieldset class="input-group-fieldset bigger-labels" id="communications"> 
    <div class="row"> 
     <div class="columns twelve"> 
      <div class="input-group" id="pref-mail-wrap"> 
       <label>Email Address</label> 
       @Html.TextBoxFor(model => model.PrefferedEmail, new { @class = "contact-group" }) 

      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="columns four"> 
      <div class="input-group" id="pref-phone-wrap"> 
       <label>Telephone No</label> 
       @Html.TextBoxFor(model => model.PrefferedPhoneNo, new { @class = "contact-group" }) 



      </div> 
     </div> 
     <div class="columns four"> 
      <div class="input-group" id="pref-sms-wrap"> 
       <label>SMS No</label> 
       @Html.TextBoxFor(model => model.PrefferedSmsNo, new { @class = "contact-group" }) 

      </div> 
     </div> 
    </div> 
    <div class="" id="pref-address-wrap"> 

     <div class="row fixed-width"> 
      <div class="columns twelve"> 
       <div class="input-group2"> 
        <label>Address </label> 

        @Html.TextBoxFor(model => model.PostalAddress) 

       </div> 
      </div> 

     </div> 

先謝謝您， Kostas。

Answer 1

如下使用.filter()。

var $completedInputs = $("#communications input:text").filter(function() { 
    //return the ones witn non-empty values 
    return $.trim(this.value) != ""; 
}); 

if ($completedInputs.length >= 2) { 
    //At least 2 inputs have been filled. 
} 

$("#communications input:text")或$("#communications :text") =>所有的輸入，其類型爲文本

$("#communications input") =>所有的輸入

Answer 2

您可以使用jQuery的每個（）的返回選擇更多然後1個元素：

​​

Answer 3

嘗試這樣的事情。

var count = 0; 
$('#communications input').each(function(index, item) { 
    if($(item).val()!=="") { 
     count ++; 
    } 
    return count <= 2; // break; if more than 2 have values 
    }); 

if(count >= 2) { 
    //valid 
} 

更多詳情： https://api.jquery.com/each/

Answer 4

您可以使用filter()檢查多少inputs都被賦予了值。試試這個：

var validInputs = $("#communications input").filter(function() { 
    return !$(this).val().trim() == ''; 
}).length; 

if (validInputs < 2) { 
    // form is invalid... 
} 

Answer 5

如果所有的輸入具有相同的格式和驗證是一樣的 嘗試內fieldset

$("#communications input").each(function(i,v){ 

}); 

通過全部投入到迭代否則，你應該單獨確認4個輸入。

Answer 6

您應該爲所有這些元素input屬性name，則它們序列化，並使用檢查：

if($('#communications :input').serializeArray().length >=2) 

'#communications input'就足以在你的情況