フォーム内でアクションを呼び出さないボタンを作成する

Question

"Html.BeginForm"で指定されたアクションを呼び出さないhtmlフォーム内にボタンを作成する方法はありますか？私は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

あなたは、あなたが以下のようにタグ内にあなたJavaScriptを置くあなたはbootstrapを使用している場合は、ボタンのように見えるアンカータグを使用することができます：ちょうど（ ``タイプ=「ボタン」を追加

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