web-dev-qa-db-ja.com

送信を実行しない通常のボタンをフォーム内に追加します

私はこのフォーム宣言を持っています:

<form method="post" action="/web_services/buscar_vuelos?method=get">
  <div id="addSegment_wrapper">
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="addTr" style="display: inline;">
      <span class="ui-button-text">Add Segment</span>
    </button>
  </div>
  <input id="web_services_submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-          text-only" type="submit" value="Search" name="commit">
</form>

また、「addSegment_wrapper」ボタンを送信ボタンとして指定していませんが、クリックするたびにフォームアクションが呼び出されます。このボタンを通常のボタンとして扱いたいだけです。

私は何をすべきか?

30
content01

あなたができる

<button type="button">Add Segment</button>
54
switz

これを行う:

<button type="button" class="(rest of your classes)">Rest of your code</button>
41
Cfreak

Occamsかみそりに近い(複雑なスキームの場合*)には、「送信されるフォーム」を個別に作成する、つまり「フォーム」タグを作成しない(つまり、使用を中止する)ことができます。後者の説明については、 " 行と列の両方を動的に追加できる動的テーブルのフィールドを含むフォームをajax投稿する方法 "


*たとえば、フォームが複数の対話イベントで構成され、サブセットがフォーム送信に使用される場合。

0