我有一个表单,并希望
拦截表单提交,以
显示一个使用
bootbox的确认对话框。
>用户输入一些数据
>用户点击提交
>显示确认对话框
如果用户点击OK,那么表单应该提交,如果不是应该留在页面上。
我试过这个:
$('#myForm').submit(function() {
return bootBox.confirm("Are you sure?");
});
但是,bootBox.confirm()立即返回,确认对话框再次被隐藏。
然后我注意到bootBox.confirm()上有一个回调参数。但是,如果要从回调函数调用$(‘#myForm’)。submit(),这显然将再次显示确认对话框。
那么确认表单提交的正确方法是什么?
我只是通过防止默认的表单行为得到这个工作,这里是下面的
解决方案。
我在表单列表中使用,每个都有一个提交
删除按钮,它可以正常工作。
<script type="text/javascript">
$('form').submit(function(e) {
var currentForm = this;
e.preventDefault();
bootBox.confirm("Are you sure?",function(result) {
if (result) {
currentForm.submit();
}
});
});
</script>
原文链接:https://www.f2er.com/jquery/183207.html