用于验证和停止发送的 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();      
}
});

这将阻止表单在找到无效扩展名时提交。希望对您有所帮助..

编辑： 检查这个小提琴jsfiddle.net/2yQZY