当我的客户在结帐页面上单击“下订单”以进行最后确认时,我想显示一个对话框。 我添加了以下代码
页脚.php
<script type="text/javascript">
function lastConfirm() {
var r = confirm("Are you sure?");
if( r == true){
return true;
} else {
return false;
}
}
</script>
然后我在表单标签内添加了 onsubmit="lastConfirm()"如下所示
表单结帐.php
<form name="checkout" method="post" class="checkout woocommerce-checkout" enctype="multipart/form-data" onsubmit="return lastConfirm()">
点击“Place Order”弹出对话框,但无论选择“OK”还是“Cancel”,订单都会被处理。
我希望仅在单击“确定”时处理订单。 我怎样才能做到这一点?
EDIT - The working answer form me is:
<form method="post" onsubmit="return lastConfirm()">
I just needed to remove some (well...most) attributes.
最佳答案
从 Form 标签中删除元素,只将 javascript 函数放在 onsubmit 中
<form onsubmit="return lastConfirm()">
基本上,您问题中显示的代码可以以任何方式显示 js 函数
但是你应该阻止表单继续执行它的方法或任何其他会影响页面的参数以刷新你想用js函数做每一件事的感觉
关于javascript - 点击 "Place Order"时的对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51720591/