0

私はjquery/javascriptを初めて使用するので、ここで完全に間違ったパスを取っている可能性があります。

フォーム内にボタンがあり、その仕事はDOM操作を行うことだけです。確かにフォームを送信していません。

<button id="add_deals_button" class="btn btn-success"></button>

私のjsファイルには次のように書いています。

$(document).ready(function () {  
  $("#add_deals_button").click(add_deals)
});

ボタンをクリックすると、DOM操作が実行されますが、POSTも送信されるため、フォームが送信されます。ボタンが何かを送信しないようにするにはどうすればよいですか?

アップデート:

function add_deals(e){
    $('#hidden_deals').clone().attr({'class':'none'}).appendTo('#deal_status tbody')

}

ありがとう、

4

2 に答える 2

5

button最も簡単な方法は、これをタグに追加することです。

type="button"

例えば:

<button id="add_deals_button" type="button" class="btn btn-success"></button>

デフォルトでは、要素のofはtypebutton"submit"フォームを送信するです。ただし、の場合type"button"、フォーム送信ボタンではなく、単なるボタンです。

于 2012-07-22T10:16:56.173 に答える
1

これに応じて、クリックにバインドし、達成したいことはfalseを返す可能性があります。

 $("#add_deals_button").click(function(e) {
      // do your actions
      add_deals();
      return false;
 });

これは、jQueryでは次のようになります

 $("#add_deals_button").click(function(e) {
      // do your actions
      e.preventDefault();
     e.stopPropagation();          
 });
于 2012-07-22T10:16:15.253 に答える