2016-06-30 3 views
0

jQueryを使用していません。 フォーム上の2つのボタンがあり、1は何の種類を持っていない、1は=フォーム上の2つのボタンは、サブミットタイプで1つですが、両方のトリガーがイベントをサブミットします

ここ

を「提出」型を持つ私の質問の例です:両方のボタンを提出トリガー

https://plnkr.co/edit/wAlpawx2wJUZ9FXWXL9h?p=preview

  <div> 
      <button class="add">add</button> 
     </div> 
     <div> 
      <button type="submit">submit</button> 
     </div> 

イベント。サブミットイベントをトリガーするには、type = "submit"のボタンだけを取得するにはどうすればよいですか?

また、送信がトリガーされたときに結果が「前」タグに残るようにフォームデータを保持するにはどうすればよいですか?

+3

ボタンを提出します。 2番目のボタン(送信したくないボタン)では、送信するデフォルトアクションが発生しないようにする必要があります。 –

答えて

1

は、フォーム内のbuttonのデフォルトタイプがsubmitあるイベント

<button type='button' class='add'>add</button> 

- または -

$('button.add').click(function(e){ 
    e.preventDefault(); // cancel default behavior 
    // my add logic 
}); 
2

を "ボタン" にtype属性を設定するか、手動でキャンセル。フォーム送信をトリガーしないようにするには、type="button"を設定する必要があります。

詳細については、thisを参照してください。

1

「ボタン」で送信したくないボタンのタイプを変更するだけで済みます。私はそれが変だと思いますが、ボタンタグのデフォルトのタイプは "submit"です。仕様を1として

<button type="button">Add</button> 
1

欠落値のデフォルトは、サブミットボタンの状態です。

type属性がSubmit Button状態の場合、要素は特に送信ボタンです。フォーム・トリガーの内部デフォルトで

W3C documentation

関連する問題