javascript - 联系表格和 IE8 问题 - 似乎无法停止提交表格

Question

我有一个使用 jQuery 中的 .ajax() 方法提交的联系表单，以便在不刷新页面的情况下提交表单。它适用于除 IE 之外的所有浏览器，IE 发出嘶嘶声并坚持刷新页面。

这是我的代码:

function appointmentform() {    
    $("#appointment-form").on("submit", function(e) {

        // serialize all input data
        var dataString = $(this).serialize();
        console.log(dataString);

        // if there are no inputs with errors
        if ($("input.required.error").length < 1) {

            // ajax call to mail.php script
            $.ajax({
                type: "POST",
                url: "http://www.thesalonleamingtonspa.com/mail",
                data: dataString,
                success: function() {
                    // success notice
                }
            });

        }

        // cancel form submit
        if (e.preventDefault) { 
            e.preventDefault(); 
        } else { 
            e.returnValue = false; 
        }
    });
}

我意识到 e.preventDefault() 对 IE 没有任何意义，但我认为 e.returnValue = false 是等效的。有人知道为什么它对我不起作用吗？

编辑:只有 IE8 才是问题所在。

Answer 1

真正的罪魁祸首是 IE8 和 console.log

IE8 不支持直接写入console，所以一旦遇到console 函数，脚本就会停止运行。在我的代码中，preventDefault 出现在 console 部分之后，因此它没有运行。

解决方案:在 IE8 中保持开发人员工具处于打开状态将允许您写入控制台

我正在回答我自己的问题，因为其他答案都不是 100% 正确的，尽管它们很有帮助。将来查看我的问题的任何人都可能会因听到我现在概述的真正原因而受益。