Как проверить все текстовые поля на странице с помощью jQuery?

Question

Я разместил много текстовых полей на своей странице, и все они имеют один класс .myClass.

Я хочу проверить, заполнены ли все или нет. Как я могу узнать через jQuery?

Answer 1

Вы не могли проверить, что ни один из них не проверены:

if ($('.myClass:checkbox:not(:checked)').length > 0) { 
    // Not all checked 
} 

неправильно. Проверьте это demo на JsFiddle:

$(function() { 
    $('input').change(function() { 
     var $all = $(':text.myClass'); 
     var $empty = $all.filter('[value=""]'); 

     if ($empty.length == 0) { 
      $('#out').text('none empty'); 
     } else if ($all.length == $empty.length) { 
      $('#out').text('all empty'); 
     } else { 
      $('#out').text('partial') 
     } 
    }); 
}); 

должно дать вам намек на возможный подход к решению.

Answer 2

if ($('input:text.myClass[value=""]').length > 0) 
{ 
    // you have some text boxes which are empty 
} 

Answer 3

См. Это, надеюсь, что это поможет. Также приведенный ниже код будет применять $ .trim(), так что входы, заполненные пробелом, будут считаться пустыми.

$("input.myClass").each(function(){ 
    if($.trim($(this).val()) == ""){ 
     // if you reach this then at least one textfield is not filled. 
     // so this is where you decide what to do (for example, assign FALSE to a 'all_textfileds_filled' variable) 
    } 
}); 

Приветствие