jquery - Jquery使表单提交等待函数调用的响应

Question

我有一个表单，我想在提交时添加确认对话。我正在使用这个库，它在大多数情况下运行良好，但是当我在表单上使用它时，我似乎无法让表单等待对此的响应。我确定这与我调用确认函数的方式有关，但不完全确定为什么

 $('#process_quote').submit(function(){
            $.confirm({
                text: "Would you like to enter shipping information for this quote?",
                confirm: function(button) {
                    $('input[name=enter_shipping]').val(1);
                },
                cancelButton: "No",
                cancel: function(button) {
                    $('input[name=enter_shipping]').val(0);
                }

            });

            return true;
        });   

Answer 1

将您的确认移动到按钮单击处理程序。然后，当您获得用户确认后，请提交提交请求。

$('button.trigger').on("click", function(){
        $.confirm({
            text: "Would you like to enter shipping information for this quote?",
            confirm: function(button) {
                $('input[name=enter_shipping]').val(1);
                $("#process_quote").submit();
            },
            cancelButton: "No",
            cancel: function(button) {
                $('input[name=enter_shipping]').val(0);
            }

        });
    });