MVC 表单未从 JQuery 模式内部提交

Question

我在 MVC 中提交的表单时遇到问题。它可以从两个不同的点加载，一个是它提交的点，另一个是它不回发的点。

它是在 JQuery 模式对话框内加载的部分视图。当我从主页触发模式时，它将正常提交。

还有另一个模式可以启动以允许用户找到任务，然后允许启动第二个模式来显示表单。当提交相同的表单时，它不会触发向控制器发送帖子。

这是 JQuery 脚本：

$(document).ready(function () {
    var title =$(this).attr("data-dialog-title");

        $(".NoteDialog").live("click", function (e) {

            e.preventDefault();
            if ($(this).attr("data-dialog-title") != "Find Task") 
            {
                if ($(this).attr("data-dialog-id") == "deleteDialog") {
                    $("<div id='formModal'><img src='../../Content/images/ajax-loader.gif' /></div>")
                    .addClass("dialog")
                    .attr("id", $(this).attr("data-dialog-id"))
                    .appendTo("body")
                    .dialog({
                        width: 300,
                        position: [600, 50],
                        title: $(this).attr("data-dialog-title"),
                        close: function () { $(this).remove() },
                        modal: true,
                        buttons: {
                            "Delete": function () {
                                $("#form0").submit();
                                $(this).dialog("close");
                            },
                            Cancel: function () {
                                $(this).dialog("close");
                            }
                        }
                    })
                .load(this.href);
                }
                else 
                {
                    $("<div id='formModal'><img src='../../Content/images/ajax-loader.gif' /></div>")
                    .addClass("dialog")
                    .attr("id", $(this).attr("data-dialog-id"))
                    .appendTo("body")
                    .dialog({
                        width: 800,
                        position: [300, 50],
                        title: $(this).attr("data-dialog-title"),
                        close: function () { $(this).remove() },
                        modal: true,
                        buttons: {
                            "Save": function () {
                                alert('Handler for .submit() called.');
                                $("#form0").submit();
                                $(this).dialog("close");
                            },
                            Cancel: function () {
                                $(this).dialog("close");
                            }
                        }
                    })
                .load(this.href);
                }
            }
            else 
            {
                $("<div id='formModal'><img src='../../Content/images/ajax-loader.gif' /></div>")
                    .addClass("dialog")
                    .attr("id", $(this).attr("data-dialog-id"))
                    .appendTo("body")
                    .dialog({
                        width: 860,
                        position: [300, 50],
                        title: $(this).attr("data-dialog-title"),
                        close: function () { $(this).remove() },
                        modal: true
                })
                .load(this.href);
            }
    });

    $(".close").live("click", function (e) {
        e.preventDefault();
        $(this).closest(".dialog").dialog("close");
    });
});

它用于启动两个模式对话框。发生警报并且关闭对话框也发生，因此脚本正在处理，只是不提交。

部分视图使用 @using (Ajax.BeginForm("AddTime","TimeTracker", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "TimeForm" })) 创建表单

两次产生的表单标签都是：

<form action="/TimeTracker/AddTime?AddID=183336&TypeID=1&_=1328710484230" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#TimeForm" id="form0" method="post">

是否有不同的提交方式？ 我尝试将按钮作为表单本身的一部分，这有效但有不同的问题；取消按钮不会正确关闭模式，导致每次后续启动都会触发多个模式。如果这个问题能够得到解决，我就可以回避这个非发布问题。

更新：我刚刚在使用 XHR 选项卡运行 Firebug 中的场景时发现了一个可能的问题/线索。表单似乎发送到 FindTask 方法，该方法处理第一个模式。它应该发布到 AddTime 方法，这是从主页调用时发生的情况。

为什么 AJAX 不发布到表单标记中指定的操作？

它还发送用于 FindTask 模式的帖子，而不是提交时 AddTime 表单中的表单字段。

Answer 1

问题是 MVC 为两个对话框表单分配了相同的表单 id。它会提交它发现的第一个错误的。

一旦我为表单分配了特定的 ID，我就可以指示要提交哪个表单。