Wie überprüft man alle Textfelder auf einer Seite mit jQuery?

Question

Ich habe viele Textfelder auf meiner Seite platziert und alle haben die gleiche Klasse .myClass.

Ich möchte überprüfen, ob alle ausgefüllt sind oder nicht. Wie kann ich das über jQuery herausfinden?

Answer 1

könnten Sie überprüfen, dass keine von ihnen sind nicht geprüft:

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

falsch verstanden. Prüfen Sie dies demo auf 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') 
     } 
    }); 
}); 

Sie sollten geben einen Hinweis auf einen möglichen Lösungsansatz.

Answer 2

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

Answer 3

Bitte sehen Sie dies, hoffe es hilft. Auch der folgende Code wird ein $ .trim() anwenden, so dass Eingaben, die mit einem Leerzeichen gefüllt sind, als leer validiert werden.

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

Prost