javascript - 如何使用 JavaScript 确认对话框菜单触发表单提交事件

Question

当我运行代码时，屏幕上会出现一个确认对话框菜单。看到“你确定吗？”后' 在确认对话框菜单上，我按“确定”。但是，按 OK 不会触发 Controller 中的操作 (DoDelete)。

我的代码如下。

我使用 BeginForm 如下。

@using (Html.BeginForm("DoDelete", "Ekranlar", FormMethod.Post))
{
                        |
                        |

 <input type="submit" class="confirmDialog" value="Delete" />    
}

Html部门

<div id="dialog-confirm" style="display: none">
    <p>
        <span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
        Are you sure ?
    </p>
</div>

脚本如下。

<script type="text/javascript">
    $(document).ready(function () {
        $(".confirmDialog").on("click", function (e) {
            // e.preventDefault(); use this or return false
            var url = $(this).attr('href');
            $("#dialog-confirm").dialog({
                autoOpen: false,
                resizable: false,
                height: 170,
                width: 350,
                show: { effect: 'drop', direction: "up" },
                modal: true,
                draggable: true,
                buttons: {
                    "OK": function () {
                        $(this).dialog("close");
                        window.location = url;
                    }, "Cancel": function () {
                        $(this).dialog("close");
                    }
                }
            });
            $("#dialog-confirm").dialog('open');
            return false;
        });
    });
</script>

Answer 1

您可以执行 $(".confirmDialog").closest('form').submit();

buttons: {
                    "OK": function () {
                        $(".confirmDialog").closest('form').submit();
                        $(this).dialog("close");
                        window.location = url;
                    }, "Cancel": function () {
                        $(this).dialog("close");
                    }
                }