jquery 提交奇怪的行为

Question

为什么如果我在提交函数中放置一些带有“if”的代码，该方法（显然）总是返回 true 并提交表单？

例如

    var test = "test";

    $("#contact_form").submit(function(){

            if (test == "random"){

            }



            return false;

    });

，每当我像这样放置一个带有或不带有任何代码的 if 时，它总是会提交。

Answer 1

$("#contact_form").submit(function(e){
    e.preventDefault();

        if (test === "random"){

        }
});

在运行任何代码之前停止默认操作。并且，添加 ===。它还检查类型。

Answer 2

这取决于您在 if 块内编写的代码。如果你错误地写了 return true 或者有任何 js 错误，那么它会提交表单。如果您在提交表单时尝试进行任何 ajax 调用，请阻止提交处理程序中的默认表单提交。这与返回 false 一样好。

$("#contact_form").submit(function(e){
   e.preventDefault();
});