Question

当客户在结帐页面上单击“下订单”以进行最后确认时，我想显示一个对话框。我添加了以下代码

footer.php

<script type="text/javascript">
  function lastConfirm() {

     var r = confirm("Are you sure?");

     if( r == true){
        return true;
     } else {
        return false;
     }
   }
</script>

我在如下所示的表单标签中添加了onsubmit =“ lastConfirm（）”

form-checkout.php

<form name="checkout" method="post" class="checkout woocommerce-checkout" enctype="multipart/form-data" onsubmit="return lastConfirm()">

当我单击“下订单”时，将弹出对话框，但是无论我选择“确定”还是“取消”，订单都将得到处理。

我希望仅在单击“确定”时处理订单。我该怎么办？

编辑-构成我的有效 answer 是：
<form method="post" onsubmit="return lastConfirm()">
我只需要删除一些（嗯...最多）属性。

Answer 1

从表单标签中删除元素，仅将javascript函数放在onsubmit中

<form onsubmit="return lastConfirm()">

基本上，您问题中显示的代码可以通过任何方式显示js函数

但是您应该阻止表单继续使用其方法或任何其他会影响页面的参数，以刷新您想使用js函数做的每一件事

Answer 2

在条件为真的情况下调用您的函数。

单击“下订单”时的对话框

2 个答案: