Question

我的HTML表单中有一个javascript，当用户单击“提交”按钮时会运行该javascript。它显示用户订单的总价格，并具有“确定”和“取消”按钮。我希望在用户点击“确定”时提交表单，但如果用户点击“取消”则不提交。当按下任一按钮时，它当前提交表单。如果单击“取消”，如何防止提交表单？

这是我的简短剧本：

<script type="text/javascript">
            function calculate()
            {
                var gPrice
                var aPrice
                var sPrice
                var total

                gPrice = document.getElementById("grapeorderquantity").value * 4.0;
                aPrice = document.getElementById("appleorderquantity").value * 3.0;
                sPrice = document.getElementById("strbryorderquantity").value * 3.5;

                total = (gPrice + aPrice + sPrice) * 1.08;

                confirm("This is your total: " + total);
            }
        </script>

这是我提交按钮的HTML：

<input type="submit" value="Submit" onClick="return calculate()" />

Answer 1

将此功能添加到您的功能中：

if(confirm("This is your total: " + total)) { // confirm returns true = OK clicked
    return true;
}
else { // confirm returns false = Cancel clicked
    return false;
}

用户在确认框中单击“确定”时提交表单

1 个答案: