Come controllare tutte le caselle di testo in una pagina con jQuery?

Question

Ho inserito molte caselle di testo nella mia pagina e tutte hanno la stessa classe .myClass.

Voglio verificare se sono tutti compilati o meno. Come posso scoprirlo tramite jQuery?

Answer 1

Si potrebbe verificare che nessuno di loro sono non controllato:

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

Misread. Controllare questo demo su 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') 
     } 
    }); 
}); 

dovrebbe darvi un suggerimento di un possibile approccio a una soluzione.

Answer 2

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

Answer 3

Si prega di vedere questo, spero che aiuti. Inoltre, il codice seguente applicherà $ .trim() in modo che gli input riempiti con uno spazio vengano convalidati come vuoti.

$("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) 
    } 
}); 

Acclamazioni