Javascript 使用preventDefault函数重新加载表单提交

我不确定我做错了什么，但我下面提交的表单会重新加载页面。我添加了

e.preventDefault（）

到我的函数，尝试阻止它重新加载，但每次我提交页面时都会重新加载。我已经清除了我的缓存以消除它。我还尝试为函数添加一个

return false

，但没有任何帮助

我将

$（“#panel submit”）.submit（函数（e）{

更改为此

$（“#panel submit”）.on（“submit”函数（e）{

，这也没有帮助

有人知道为什么这个表单会重新加载页面吗

<form method="POST" action="" id="proposal-form">
    <div class="panel-input"><input type="text" id="proposal-name" class="proposal-input" placeholder="Name *"></div>
    <div class="panel-input"><input type="email" id="proposal-email" class="proposal-input" placeholder="Email *"></div>
    <div class="panel-input"><input type="tel" id="proposal-phone" class="proposal-input" placeholder="Phone *"></div>
    <div class="panel-input"><input type="text" id="proposal-location" class="proposal-input" placeholder="Location *"></div>
    <input type="submit" value="SUBMIT" id="panel-submit">
</form>

$("#panel-submit").submit(function (e) {
        e.preventDefault();
        var proposal_name = $('#proposal-name').val();
        var proposal_email = $('#proposal-email').val();
        var proposal_phone = $('#proposal-phone').val();
        var proposal_location = $('#proposal-location').val();
        $.ajax({
            url: "proposal-send.php", 
            type: "POST",
            data: {
                "proposal_name": proposal_name,
                "proposal_email": proposal_email,
                "proposal_phone": proposal_phone,
                "proposal_location": proposal_location
            },
            success: function (data) {
            //  console.log(data);
                if (data == "Error!") {
                    alert("Unable to add to newsletter");
                    alert(data);
                } else {
                    $("#proposal-form")[0].reset();
                }
            },
            error: function (xhr, textStatus, errorThrown) {
                alert(textStatus + " | " + errorThrown);
            }
        });
        //return false;
    });

$（“#小组提交”）。提交（功能（e）{
e、 预防默认值（）；
var方案名称=$（“#方案名称”）.val（）；
var建议电子邮件=$（“#建议电子邮件”）.val（）；
var proposal_phone=$（'#proposal phone'）.val（）；
var建议位置=$（“#建议位置”）.val（）；
$.ajax({
url:“提案发送.php”，
类型：“POST”，
数据：{
“建议书名称”：建议书名称，
“提案电子邮件”：提案电子邮件，
“提案电话”：提案电话，
“提案地点”：提案地点
},
成功：功能（数据）{
//控制台日志（数据）；
如果（数据==“错误！”）{
警报（“无法添加到通讯”）；
警报（数据）；
}否则{
$（“#建议书格式”）[0]。重置（）；
}
},
错误：函数（xhr、textStatus、errorshown）{
警报（textStatus+“|”+错误抛出）；
}
});
//返回false；
});

#面板提交

是提交按钮。提交按钮没有提交事件

它是可以提交的表单。因此，将id更改为

#提案表单
#面板提交
是提交按钮。提交按钮没有提交事件

这是可以提交的表单。因此，请将id更改为
#提案表单
我认为您需要更改

这个：

$（“#面板提交”）。提交（功能（e）.

对此：

$（“#面板提交”）。单击（功能（e）.
我认为您需要更改

这个：

$（“#面板提交”）。提交（功能（e）.

对此：

$（“#面板提交”）。单击（功能（e）…
虽然这可能有效，但最好附加到
表单的
submit
事件。为了澄清这一点，如果您仅在按钮上设置默认值，用户仍可以使用enter键提交表单。虽然这可能有效，但最好附加到
表单的
submit
事件，以便m
。为了澄清这一点，如果您仅在按钮上设置默认值，用户仍可以使用enter键提交表单。