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


jQuery code to validate and stop sending

我使用这个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!');        
}

感谢

尝试在提交函数上使用event.prventDefault()

$('#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/yQZY