javascript - 为什么单击未标记为提交的按钮会导致提交表单？

Question

这是我的表格。问题是当我点击第二个按钮时它让我注销了

<form action="/Account/LogOff"
      id="logoutForm"
      method="post">
    @Html.AntiForgeryToken()
    <button class="small" type="submit" >Logout</button>
    <button id="theme" onclick="setThemeColor(this)">#</button>
</form>

Answer 1

因为按钮的默认类型是提交。参见 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

因此，您必须通过 js 或将其类型设置为 button

来防止此行为

<button id="theme" onclick="setThemeColor(this)" type="button">#</button>