jQuery के साथ किसी पृष्ठ में सभी टेक्स्टबॉक्स कैसे जांचें?

Question

मैंने अपने पेज पर कई टेक्स्टबॉक्स रखे हैं और सभी में एक ही कक्षा .myClass है।

मैं यह जांचना चाहता हूं कि सभी भरे हुए हैं या नहीं। मैं jQuery के माध्यम से कैसे पता लगा सकता हूँ?

Answer 1

आप उनमें से कोई भी जांच कर सकता है की जाँच नहीं की हैं:

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

पढ़ने में भूलना। JsFiddle पर इस demo की जाँच करें:

$(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

कृपया इसे देखें, उम्मीद है कि यह मदद करता है। इसके अलावा कोड bellow एक $ .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) 
    } 
}); 

चीयर्स