jQuery/Ajax 表单自动提交，即使我在提交操作中有 event.preventDefault

Question

我有一个使用 Ajax 和 jQuery 的现有表单。我试图阻止它自动提交，并且我已将 event.preventDefault() 放在提交操作中：

$(document).ready(function () {
NewRequest.bindShortcuts();

var validator = $("#NewRequest").validate();
validator.resetForm();

$('#NewRequest').submit(function (event) {
    console.log("In $('#NewRequest').submit() - newrequest.js");
    event.preventDefault();
});

我的目的是在 $('#btnUpdateRequest').on('click') 中执行操作来检查用户是否确实想要提交（基于一组标准，但表单继续自动提交。这是表格的顶部。

        <div class="ibox-content">
        <div class="panel-group" id="accordion">
            @using (Ajax.BeginForm("NewRequest", "Request", new AjaxOptions { HttpMethod = "Post", OnBegin = "OnBegin", OnSuccess = "OnSuccess", OnFailure = "OnFailure" }, new { @class = "form", role = "form", @id = "NewRequest" }))
            {
                <div class="form-group">
                    <button id="btnUpdateRequest" class="btn btn-primary"><span class="shortcut">U</span>pdate Request</button>
                    <span class="text-danger" style="margin-left: 30px;">@TempData["errorMessage"]</span>
                </div>

                @Html.AntiForgeryToken()
                @Html.ValidationSummary(true)
                @Html.Partial("_Questions")

我已经查看过，但找不到与该点击绑定的任何其他事件。为什么会自动提交？

Answer 1

我已经查看过，但找不到与该点击绑定的任何其他事件。为什么是 自动提交？

submit()

方法提交表单（与单击“提交”按钮相同）。