檢查文件是否在表單提交之前上傳

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.