Javascript - 如何正确验证表单数据？

Question

我有一个包含一些文本输入和一个文件类型输入的表单，我尝试在其中验证所选文件是否为 PDF。我这样做是这样的:

$("#myform").bind("submit", function() {
    var ext = $('#file_input').val().split('.').pop().toLowerCase();
    if($.inArray(ext, ['pdf']) == -1) {
        alert('ERROR!');
    }
});

但是上面的代码部分有一个缺陷 - 如果除文件输入(让文件是 DOC)之外的所有输入都有效(=> 文件输入无效)并且我单击“提交”按钮，然后显示警告消息错误!，但表单已发送。

如果文件类型无效，如何“停止”发送表单？

Answer 1

试试这个:

$("#myform").bind("submit", function(e) {
    var ext = $('#file_input').val().split('.').pop().toLowerCase();
    if($.inArray(ext, ['pdf']) == -1) {
      e.preventDefault(); //Prevents the default action which is form submit
      alert('ERROR!');
    }
});