JQuery少なくとも2つの入力=コンテナ内のファイルを選択

Question

フォームにファイルアップロードグループがあり、必要な数を指定できるようにしたいと考えています。これはhtmlです：次に

<!-- file upload group --> 
<div class="mcFileUpGroup" mcminselect="2"> 
    <span class="mcLegend">File Upload Group: (required)</span> 
    <input name="fileUploads[]" type="file"> 
    <input name="fileUploads[]" type="file"> 
    <input name="fileUploads[]" type="file"> 
</div> 

はJQueryで：

$('.mcFileUpGroup').each(function() { 
    $('.mcFileUpGroup input[type=file]').each(function() { 
      if($(this).val() == '') { 
       // do something 
      } 
      else{ 
       // do something else 
      } 
    }); 
}); 

これは、しかし、私は必要なアップロードの数を指定することはできません。例：少なくとも2つが必要です。これどうやってするの？

ありがとうございました！

Answer 1

現在の各ループでは、フィールドが空白であるかどうかを確認しています。これから、ファイルをアップロードするたびに増加する変数を宣言することができます。それを数え続け、最終的なカウントが2つのファイルの下にあるかどうかを確認します。

$('.mcFileUpGroup').each(function() { 
    var fileCount = 0; 
    $('input[type=file]', this).each(function() { 
      if($(this).val() == '') { 
       // do something 
      } 
      else{ 
       // do something else 
       fileCount++; 
      } 
    }); 
    if (fileCount < 2) { 
     window.alert("You need to select at least 2 files"); 
     return false; 
    } 
});