html - 我有多个按钮，但不希望他们提交表单

Question

我有一个 Html.BeginForm 里面有 3 个按钮；提交按钮（应该提交表单）和其他两个按钮，实际上是切换按钮，但它们一直在提交我的表单。有任何想法吗？

Answer 1

使用<input type="button">代替<input type="submit">

Answer 2

如果您真的想要一个按钮来提交表单，为什么要在表单中保留多个提交按钮，根据需要将它们更改为普通按钮/锚标记。

如果您仍想保留所有这些提交按钮，您可以将 css 类应用于其他按钮并防止表单在 javascript 中提交

<input type="submit" class="nonSubmit" value="Button1" />
<input type="submit" class="nonSubmit" value="Button2" />
<input type="submit" value="Real Submit" />

并且脚本是（使用jQuery）

$(function(){

   $("input.nonSubmit").click(function(e){
      e.preventDefault();
   });

});