阻止按钮提交表单onclick

Question

我在html按钮标记上有问题

这是我的HTML代码

<form name="data_kirim" action="confirm_order.php" method="POST">

        ..... order input field ....

    <button class="back_button" onclick="window.location.href='keranjang.php'">Back</button>
    <input class="next_button" type="submit" name="submit_data_kirim" value="Next"/>
</form>

如何阻止按钮提交此表单，因为按钮正在使用href到后页，

有人可以帮助我吗？

Answer 1

更改

type='submit'

到

type='button'

Answer 2

<button class="back_button" onclick="window.location.href='keranjang.php'">Back</button>
<form name="data_kirim" action="confirm_order.php" method="POST">
<input class="next_button" type="submit" name="submit_data_kirim" value="Next"/>
</form>

快速解决方案是将后退按钮移到窗体外，因为它还没有使用窗体输入。

Answer 3

您可以在点击按钮时调用javascript中的函数，重定向到您的链接并使用return false或使用preventDefault()函数和jquery

Answer 4

<form onsubmit="return false;">

Answer 5

如果您想将其链接到另一个页面而不提交表单，那么只需将其设为正常按钮即可：

<a href="URL">Next</a>

但这不会提交表格。