javascript - 获取上传字段的值并计算数组

Question

我有以下 html 代码:

<form name="uploadForm" action="" method="POST" enctype="multipart/form-data">
<input type="file" name="file_sub[]" />
<input type="file" name="file_sub[]" />
<input type="file" name="file_sub[]" />
<input type="file" name="file_sub[]" />
<input type="file" name="file_sub[]" />
<input type="button" onClick="javascript:submitform();" value="SUBMIT BTN" />
</form>

这是 javascript 函数 submitform() :

function submitform()
{
var minUpload = 1;
var uploadNo;
var count=document.uploadForm.file_sub.length;
for(a=0;a<count;a++)
        {

           if(document.uploadForm.file_sub.value != '')
               {
                 uploadNo++;
               }

         }

    if(uploadNo > minUpload){   
  document.uploadForm.submit();
    }else{
        alert('Please Upload Atleast ' + minUpload + ' files');
    }

}

javascript 应该验证并确保至少 minUpload 的文件字段中有一个文件。

但是由于某种原因，当我尝试在函数中获取文件的长度时，我得到了一个错误(根据 chrome 的调试器，我得到了“未捕获的类型错误:无法读取未定义的属性‘长度’”)但是我用复选框尝试过同样的事情，它工作得很好。我究竟做错了什么？甚至可以在 js 中完成这样的任务吗？

Answer 1

您必须引用 file_sub[]。固定功能:

var count = document.uploadForm["file_sub[]"].length;

function submitform(){
    var minUpload = 1;
    var uploadNo;
    var files = document.forms['uploadForm']["file_sub[]"];
    var count = files.length;
    for(var a=0; a<count; a++){
        if(files[a].value != ''){
            uploadNo++;
        }
    }

    if(uploadNo > minUpload){   
        document.forms['uploadForm'].submit();
    } else {
        alert('Please Upload Atleast ' + minUpload + ' files');
    }
}