创建按钮不调用窗体内的任何操作

Question

有没有办法在html表单中创建一个不会调用“Html.BeginForm”中指定的操作的按钮？我想用它来添加一些元素来形成javascript。我有一个不同的按钮，应该调用一个动作。

@using (Html.BeginForm...
{
    ...
    <button id="addRow" class="btn margin-top-10 margin-bottom-10">addRowt</button>
    ...
}

“addRow”按钮我不想调用任何动作。

Answer 1

是。您可以收听此按钮的click事件并阻止默认行为。假设您在此页面中加载了jQuery库，您可以使用jquery preventDefault方法来执行此操作。

$(function(){

  $("#addRow").click(function(e){
     e.preventDefault();
     // do other things as needed (ex : add a row to ui)
  }); 

});

Answer 2

如果您使用bootstrap，则可以使用看起来像按钮的锚标记然后将JavaScript放在标记内，如下所示：

<a href="#" class="btn btn-default" onclick="YourMethod()" >New Button</a>