为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery阻止表单默认提交行为后,要继续进行提交行为,怎么做?

jQuery阻止表单默认提交行为后,要继续进行提交行为,怎么做?

呼唤远方 2018-11-15 14:11:04
jQuery阻止表单默认提交行为后,要继续进行提交行为,怎么做?具体是这样的: 一个删除按钮,在提交之前用sweetalert2提示一下,当按下提示框中的“确认”按钮后,继续提交表单。html代码:<form action="/articles/{{ $article->id }}" method="POST">    {{ method_field('DELETE') }}    {{ csrf_field() }}    <input class="btn btn-danger btn-sm need-alert" type="submit" value="删除"></form>js代码:    <script>        $('.need-alert').on('click', function (event) {            //阻止默认提交事件            event.preventDefault();                        //sweetalert2的提示框代码:            swal({                title: '确定要删除吗?',                text: '删除后不能恢复!',                type: 'warning',                showCancelButton: true,                confirmButtonColor: '#3085d6',                cancelButtonColor: '#d33',                confirmButtonText: '确认删除'            }).then(function () {                                            }).catch(swal.noop);        })    </script>preventDefault()阻止默认提交事件后,sweetalert2提示框可以正常弹出。问题: 当点击sweetalert2提示框的“确认删除”后,要继续提交这个表单,要怎么写?
查看完整描述

1 回答

?
慕哥6287543

TA贡献1831条经验 获得超10个赞

给按钮绑定点击事件,在事件的回调函数中实现弹窗,并判断用户选择的弹窗值,为真则获取表单元素触发提交事件
$("form").submit()
不为真则做其他相应处理

查看完整回答
1 反对 回复 2018-12-14
  • 1 回答
  • 0 关注
  • 1540 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号