如何使用JavaScript确认对话框菜单触发表单提交事件
How to trigger a form submit event by using JavaScript confirm dialog menu
运行代码时,屏幕上会出现confirmDialog菜单。看到"你确定吗?"在confirmDialog菜单上,我按OK。但是,按下OK不会触发控制器中的操作(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>
您可以执行$(".confirmDialog").closest('form').submit();
buttons: {
"OK": function () {
$(".confirmDialog").closest('form').submit();
$(this).dialog("close");
window.location = url;
}, "Cancel": function () {
$(this).dialog("close");
}
}
相关文章:
- 如何在表单提交事件后运行JavaScript*
- 动态添加/复制表单时绑定到表单提交事件
- 表单提交事件中this.submit()的行为
- 如何重置表单提交事件的 event.preventDefault()
- 收听在同一页面上使用两个表单提交事件
- 文件上传器表单提交事件调用面板以显示包含文件更新程序我想删除代码重写在 jquery 中使用循环重写所有文件类型
- 捕获 jQuery 表单提交事件
- 为什么 Jquery 表单提交事件不触发
- 我在停止表单提交事件时遇到问题
- jQuery 表单提交事件处理程序不会被调用(chrome 扩展)
- 用Javascript处理表单提交事件,避免“;Form Processed”;
- 使用主干网中的输入捕获表单提交事件
- 如何在表单提交事件中从PHP调用javascript函数
- 如何使用JavaScript确认对话框菜单触发表单提交事件
- jquery/javascript:在iframe中捕获表单提交事件
- 在表单提交事件监听器中执行回调
- 从输入订阅表单提交事件
- 防止默认的表单提交事件从触发,如果javascript使用jquery启用
- 监听所有表单提交事件,并在任何其他附加事件处理程序之前执行一个函数
- 监听所有表单提交事件,包括动态添加的表单