单击按钮提交时如何禁用操作表单？

Question

我的html代码是这样的：

<form id="payment-form" method="POST" action="http://myshop.dev/member/shop/payment/process">
    ...
    <button class="btn btn-danger pull-right" type="submit" >
        Checkout
    </button> 
</form

我的 JavaScript 代码是这样的：

//check if there is exist button forward browser or no
if (window.performance && window.performance.navigation.type == window.performance.navigation.TYPE_BACK_FORWARD) {
    //disable action form
    $('#payment-form').attr('action', '')
    //call forward button on the browser
    history.go(1);
}
else {
    //display checkout detail
    $('#payment-form').attr('action', '/member/shop/payment/checkout')
    return true
}

我的购物车详细信息上有一个结帐按钮。如果用户单击结帐按钮，则会显示购买的结帐详细信息

如果用户点击浏览器中的后退按钮，则会返回到上一页，即详情购物车。如果在该页面上，用户再次单击结帐按钮，我想：它将调用浏览器中的前进按钮

我的问题是，如果用户再次单击结帐按钮，操作表单仍然有效并且仍然有刷新页面

我希望当用户单击第二个结账按钮时，它只是在浏览器中调用前进按钮，而不刷新页面

我该怎么做？

Answer 1

<form action="javascript:void(0);" > </form>