驗證並停止發送的jQuery代碼

Question

我使用這個jQuery代碼來驗證文件上傳事件。它成功了。但是，當我點擊提交按鈕時，我不希望那個錯誤的文件被附加並傳遞給PHP。

如果文件擴展名錯誤，如何停止發送到服務器的文件？我想用jQuery來做。

REPORT_FILE - 與文件類型輸入字段

var ext = $('#report_file').val().split('.').pop().toLowerCase(); 
if($.inArray(ext, ['doc','docx','gif','jpg','png','xls','xlsx','jpeg','pdf']) == -1) { 
    alert('invalid extension!');   
} 

感謝

Answer 1

嘗試使用event.preventDefault（）上提交功能

$('#form').submit(function(e) { 

var ext = $('#report_file').val().split('.').pop().toLowerCase(); 
if($.inArray(ext, ['doc','docx','gif','jpg','png','xls','xlsx','jpeg','pdf']) == -1) { 
    alert('invalid extension!'); 
e.preventDefault();  
} 
}); 

這將防止形式提交時無效的擴展名find.Hope它有幫助..

編輯： 檢查這個小提琴jsfiddle.net/2yQZY