在表单提交后显示弹出窗口而不执行任何操作

时间:2018-01-14 17:09:10

标签: php jquery

因此,我的网站上有一个表单按钮,一旦成功提交,将显示一个包含其他信息的弹出窗口(与此问题无关的信息)。

表单包含自动收集的最少信息,并且只是用户单击的单个按钮的形式。单击所述按钮后,将使用jQuery显示弹出确认。在此弹出确认中确认/取消提交后,用户的页面刷新并且按钮消失(如果已确认)或简单地退出该框而没有提交(如果取消)。同样,我想要一个新的弹出框,只有在确认后和页面刷新后才会出现。

到目前为止我的相关代码:

<form action="" method="post" class="delivery-confirm-frm">
      <input type="hidden" name="order_id" value="<?php echo $_order->getIncrementId(); ?>" />
      <input type="button" value="Confirm" class="delivery-confirm" />
</form>
<script>
var $jj = jQuery.noConflict();
$jj(document).ready(function () {
    $jj('.delivery-confirm').on('click', function () {
        var _this = $jj(this);
        $jj.confirm({
            title: 'Confirm!',
            content: 'Are you sure? Once confirmed, you cannot dispute this transaction.',
            buttons: {
                confirm: function () {
                    _this.closest('form').submit();

                },
                cancel: function () {

                }
            }
        });
    });
});
</script>

这需要AJAX来完成吗?

0 个答案:

没有答案