jQuery UI對話框檢查表單

Question

我坐在這里，擺弄了許多不同的例子，但沒有任何成果。 我想做的是采用具有三個按鈕（保存，取消和刪除）的表單。 刪除按鈕需要帶有提示，詢問用戶是否確定。 這是我到目前為止的代碼...並嘗試了多個示例...沒有一個對我有用。

<form id="templateEdit" method="post" action="/admin/template/{{ var temp }}/{{ var page }}">
<div class="control right"><input type="submit" name="save" value="submit" /><input type="submit" name="cancel" value="cancel" /><input type="submit" name="delete" id="delete" value="delete" /></div>
<textarea name="editor" class="ckeditor">{{ var contents }}</textarea>
</form>

以下代碼位於文檔就緒的Jquery函數中：

$("#dialog-confirm").dialog({
                resizable: false,
                autoOpen: false,
                modal: true,
                buttons: {
                    "Yes": function () {
                        $('#templateEdit').off("submit").submit();
                        $(this).dialog("close");
                    },
                    "No": function () {
                        $(this).dialog("close");
                    }
                }
            });

            $('#templateEdit').submit(function (event) {
                event.preventDefault();
                $('#dialog-confirm').dialog('open');

            });

編輯：“否”按鈕確實起作用，但是“是”按鈕現在正在提交，但是沒有任何數據隨提交一起發送。

更新：這就是我完全解決問題的方式：

$(document).ready(function(){
    $("#dialog-confirm").dialog({
                resizable: false,
                autoOpen: false,
                modal: true,
                width: 500,
                buttons: {
                    "Yes": function () {
                        $("#templateEdit").attr('action', "/admin/templates.php?temp={{ var temp }}&page={{ var page }}&action=delete");
                        $('#templateEdit').get(0).submit();
                        $(this).dialog("close");
                    },
                    "No": function () {
                        $(this).dialog("close");
                    }
                }
            });

            $('#delete').click(function (event) {
                $("#dialog-confirm").dialog("open");
                event.preventDefault();
            });
        });

Answer 1

您在選擇器temaplteEdit而不是templateEdit有拼寫錯誤

您需要使用submit名稱重命名按鈕

<input type="submit" name="save" value="submit" />

然后打電話

$('#templateEdit').get(0).submit();

演示： 小提琴

要么

$('#templateEdit').off('submit').submit();

演示： 小提琴

更新：