在提交表格前检查文件是否已上传

Check if file is uploaded before form submission

本文关键字：是否 文件 检查 提交 表格      更新时间：2023-09-26

我想检查用户是否上传文件之前，通过JavaScript/jQuery点击提交按钮。

如果一个文件没有上传，我不希望允许表单提交。

我的html是:

<form action="/home/save" method="post" enctype="multipart/form-data" >   
    Upload Image: <input type="file" name="image" />  
    <input type="submit" value="upload" />
</form>
使用jQuery: 
if(!$('input[type="file"]').val()) {
   // No file is uploaded, do not submit.
   return false;
}

jsFiddle。

使用HTML5 required属性(注意:仅支持Chrome, Firefox, Opera, Safari 5 (Mac)和IE10):

<input type="file" name="image" required/>

jsFiddle。

相关文章：