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

时间:2013-05-17 20:45:56

标签: html

我有一个Html.BeginForm,里面有3个按钮;提交按钮(应该提交表单)和另外两个按钮,实际上是切换,但他们不断提交我的表单。有什么想法吗?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

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

如果您仍想保留所有提交按钮,可以将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();
   });

});