使用JS取消表单提交

Question

为了论证，让我们说这是我的代码。

 function the_delete() { if(confirm('Delete your Account')){ alert("Account Deleted, Redirecting to homepage"); } else { //Stop the submit } } 

 <form method="post" action="my-account/settings/delete-account"> <button class="btn" onclick="the_delete()">Delete Account</button> </form> 

当用户按下“取消”时，如何停止提交表单？

谢谢

Answer 1

您需要从onclick函数返回true或false值。

这意味着您需要同时修改onclick函数和the_delete函数。

 function the_delete() { if (confirm('Delete your Account')) { alert("Account Deleted, Redirecting to homepage"); return true; } else { return false; } } 

 <form method="post" action="my-account/settings/delete-account"> <button class="btn" onclick="return the_delete()">Delete Account</button> </form> 

现代JavaScript（针对比Internet Explorer 8更现代的浏览器）将事件处理程序与JavaScript绑定在一起，而是操纵事件对象。

 function the_delete(event) { if (confirm('Delete your Account')) { alert("Account Deleted, Redirecting to homepage"); } else { event.preventDefault() } } document.querySelector("form").addEventListener("submit", the_delete); 

 <form method="post" action="my-account/settings/delete-account"> <button class="btn">Delete Account</button> </form>