模态确认 - 如果单击确定，则未提交表单

Question

我在页面上有乘法表格（自动生成）。我要求用户确认删除记录。如果用户单击否，模式对话框将关闭并且没有任何反应，但是如果他单击是按钮，则不会再次发生任何事情。有人可以帮忙吗？

代码如下：

 <input type="submit" value="Click me" class="button" />

 <div id="modal">
<div id="heading">
    Record will be deleted! Please Confirm.
</div>

<div id="content">
    <p>Record will be deleted! This operation can't be undone. <br />Are you sure?</p>

    <input type="button" onclick="return true;" class="button green close" value="Yes"></button>
    <input type="button" onclick="return false;" class="button red close" value="No"></button>

</div>

$('.oneUser').on('submit',function(e){
    $('#modal').reveal({ 
        animation: 'fade',                   
        animationspeed: 600,                       
        closeonbackgroundclick: true,           
        dismissmodalclass: 'close'    
    });
    return false;
});

Answer 1

已更新，现在使用A fiddle!

更新的标记

<form>
    <input type="submit" value="Click me" class="button" id="submitButton" />
</form>​

• 已删除对话框标记。
• 包含表单标记。

更新脚本

var confirmDelete = $('<div></div>')
    .html('Record will be deleted! This operation can\'t be undone. <br />Are you sure?')
    .dialog({
        autoOpen: false,
        title: 'Record will be deleted! Please Confirm.',
        buttons: {"Yes": function() { 
                      $(this).dialog("close"); 
                      $('form').submit();
                 }, "No": function() {
                      $(this).dialog("close");
                 }
        }
    });  
$('#submitButton').on('click', function(e){
    e.preventDefault();
    $(confirmDelete).dialog('open');
});

• 使用按钮的点击事件而不是表单的提交事件。
• 实现对话框like this guy did it。
• 是和否选项将关闭对话框，单击“是”也将调用$('form').submit();。