JQuery चेक इनपुट फ़ाइल

Question

मेरे पास नीचे दिए गए समूह में फ़ाइल इनपुट फ़ील्ड हैं। मैं उन सभी को फ़ील्ड की आवश्यकता होगी।

<!-- file upload group --> 
<div class="Fieldset FileUpGroup"> 
    <span class="Legend">File Upload Group: (required)</span> 
    <input name="fileUploads[]" type="file"> 
    <input name="fileUploads[]" type="file"> 
    <input name="fileUploads[]" type="file"> 
</div> 

मेरे पास निम्नलिखित JQuery मान्य करने के लिए है, लेकिन यह केवल पहले को मान्य करता है।

$('.FileUpGroup').each(function() { 
    if($(this).find('input[type=file]').val() == '') { 
     Response('- Upload file not selected!', true); 
     $(this).addClass('Error').fadeOut().fadeIn(); 
     return false; 
    } 
    else { 
     $(this).removeClass('Error'); 
    } 
}); 

धन्यवाद!

Answer 1

तुम गलत तत्व पर each() उपयोग कर रहे हैं:

$('input[type="file"]').each(function() { 
    var $this = $(this); 
    if ($this.val() == '') { 
     Response('- Upload file not selected!', true); 
     $this.addClass('Error').fadeOut().fadeIn(); 
     return false; 
    } else { 
     $this.removeClass('Error'); 
    } 
}); 

Answer 2

.val() केवल पहले मान देता है।
आपके लूप में ($('.FileUpGroup').each) केवल एक आइटम के लिए सक्रिय है ... DIV.FileUpGroup तत्व।
$('.FileUpGroup input[type=file]') सभी आइटम पाएंगे और फिर उन्हें एक समय में
यहां एक उदाहरण दिया जाएगा। उम्मीद है कि मैं उपयोगी रहा हूँ।

$('.FileUpGroup input[type=file]').each(function() { 
    if($(this).val() === '') { 
     // wabba dabba do 
    } 
    else { 
     // badda bawwa do 
    } 
});