Диалоговое окно 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'); 

      }); 

Edit: ни одна кнопка не работает, но есть кнопка теперь представления, но не после данных не послана с представить.

Update: Так что это, как я сосредоточил свой вопрос укомплектовать:

$(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(); 

Демо: Fiddle

или

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

Демо: Fiddle

Update: