如何在javascript中验证用于上传多个图像的表单

时间:2013-11-01 11:19:31

标签: javascript forms validation

我有验证文件上传表单的代码: 但它似乎无法正常工作。 任何帮助:

<script>
function validateForm()
{
var x=document.forms["myForm"]["file"].value;
if (x==null || x=="")


{
alert("You must select an Image or Images");
return false;
}
}
</script>
<form action="#" method="POST" enctype="multipart/form-data" name="myForm" onsubmit="return validateForm()">
<input type="file" name="files[]" multiple/>
<input type="submit"/>
</form>

1 个答案:

答案 0 :(得分:0)

现在使用HTML5可以执行此操作:

<form action="#" method="POST" enctype="multipart/form-data" name="myForm" onsubmit="return validateForm()">
<input type="file" name="files" multiple/>
<input type="submit"/>
</form>

然后在Javascript中:

function validateForm() {
   var x=document.forms["myForm"]["files"].value;
   if (x==null || x=="") {
      alert("You must select an Image or Images");
      return false;
   }
}

它可以工作,但它应该存在一个比“value”属性更好的方法来检索Javascript中提交的所有文件(返回一种数组),但是我找不到它。