2012-03-12 18 views
0

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

如果文件擴展名錯誤,如何停止發送到服務器的文件?我想用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!');   
} 

感謝

回答

3

嘗試使用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

+0

這。你也可以返回false。 – 2012-03-12 10:10:27

+0

@ darryn.ten是的,這是真的.. – Gopesh 2012-03-12 10:11:43

+0

它沒有工作:-( – Techie 2012-03-12 11:48:17