Получите значение всех входов jquery в пределах набора полей

Question

это первый вопрос, который я задаю здесь. У меня есть набор полей, который имеет внутри 4 входа. Я хочу проверить форму, если по крайней мере 2 из 4 завершены. Я могу получить значение первого ввода с $("#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> 

Спасибо заранее, Костаса.

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 элементы:

$("#communications input").each(function(){ 
    // $(this).val(); check here what you want. 
}) 

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

Вы должны установить name атрибут для всех этих input элементов, а затем сериализации их и проверить его с помощью:

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

'#communications input' будет достаточно в вашем случае