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

用于验证和停止发送的jQuery代码

1 个答案: