检查文件是否在表单提交之前上传

Question

我想检查用户是否上传文件或不单击通过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> 

Answer 1

使用jQuery：

if(!$('input[type="file"]').val()) { 
    // No file is uploaded, do not submit. 
    return false; 
} 

jsFiddle.

---

使用HTML5 required属性（注：仅适用于Chrome，Firefox的支持，歌剧，Safari 5（上MAC）和IE10）：

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

jsFiddle.