Jquery使用按钮提交表单

我正在尝试向Shopify电子商务网站添加一些验证，以便用户在单击“继续结帐”按钮时确认他们的国家。使用普通的JavaScript确认对话框，它可以完美地工作，但我希望能够在弹出窗口中使用HTML，所以我尝试使用JQuery UI

jQueryUI弹出并停止表单提交，虽然花了一段时间才弄清楚，但我不知道在用户单击确认按钮后如何提交表单。我发现了两种阻止表单进行的方法，使用e.preventDefault和将“继续”按钮设置为type=button，而不是type=submit。使用这两种方式，表单将不再提交

表格标题：

使用上述HTML提交表单时实际起作用的普通JavaScript代码：

$(document).ready(function(){
    $(".submit-cart input[type='submit'],.submit-cart input[type='image']").click(function(event){
        var x=confirm("Please confirm that you are ordering from the USA. \nIf you are ordering from Europe, please use the European store (...).");
        if (x == true) {
            $(".submit-cart input").submit();
        } else {
            return false;
        } 
    });
});

我试图使用JQuery代码提交表单，其中HTML按钮设置为type=submit，使用e.preventDefault阻止表单在单击时提交

$(document).ready(function(){
    $(".submit-cart input[type='submit'],.submit-cart input[type='image']").click(function(event){
        event.preventDefault();
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:300,
            width: 400,
            modal: true,
            buttons: {
                "Confirm": function() {
                    return true;
                    $(".submit-cart input").submit();
                },
                Cancel: function() {
                    $(this).dialog("close");
                    return false;
                }
            }
        }); 
    });
});

在将HTML按钮改为type=button而不是submit之后，这就是我试图用来提交表单的JQuery代码

$(document).ready(function(){
    $(".submit-cart").click(function(){
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:300,
            width: 400,
            modal: true,
            buttons: {
                "Confirm": function() {
                    return true;
                    $("#cartform").submit();
                },
                Cancel: function() {
                    $(this).dialog("close");
                    return false;
                }
            }
        }); 
    });
});

---

购物车页面上还有一个PayPal支付按钮，允许用户使用PayPal支付。使用type=button方法，此按钮实际上似乎可以正确提交。

使用提交功能

$('#cartform').submit();

---

在对话框“确认按钮”回调中，如果在调用“提交”之前返回“真”，您的呼叫将永远无法接通。请显示完整的表单代码，目前，只有按钮在里面。我一直在使用此按钮。用jaudette说的话，我删除了返回值true；它在cartform上执行提交，但这似乎不正确，因为它只是刷新页面。$。提交购物车输入。提交；看起来是对的，但是提交这个没有任何作用。

$(document).ready(function(){
    $(".submit-cart").click(function(){
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:300,
            width: 400,
            modal: true,
            buttons: {
                "Confirm": function() {
                    return true;
                    $("#cartform").submit();
                },
                Cancel: function() {
                    $(this).dialog("close");
                    return false;
                }
            }
        }); 
    });
});

$('#cartform').submit();