我有一个表单,并希望拦截表单提交,以显示一个使用
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>