フォームタグ内のボタンタグの "送信"動作をオーバーライドする（無効にする）方法はありますか？

Question

<form action=""> 
    <button>click</button> 
</form>` 

フォーム内のボタンのデフォルトの動作は、そのフォームを送信することです。

どのようにしてそのボタンの送信動作を無効にすることができますか？

Answer 1

それにtype="button"を追加します空く

<button type="button">Click</button> 

---

種類は次のとおりです。

• "送信"：デフォルト値。フォームを送信します。
• "リセット"：フォームの入力をリセットします。
• "ボタン"：何もしません。

良い参考：https://developer.mozilla.org/en/DOM/HTMLButtonElement

Answer 2

これはjavascriptの

<button onclick='return false'>click</button> 

経由で無効になります。しかし、あなたはちょうどあなたが残しておきたい場面がありますがタイプ

<button type='button'>click</button> 

Answer 3

を定義することができますsubmitボタンの精巧さ（例えば、モバイルデバイス上では、submitボタンはキーボードから起動できますが、ボタンがフォームの一部であり、タイプがsubmitの場合にのみ発生します。この場合、ボタンのデフォルト動作を禁止するだけです。 1.7以上のjQueryを使用して

のjQueryの古いバージョンを使用して

$(document).on("click", "button", "event", function(evt) { 
    evt.preventDefault(); 
    ... 
} 

...（ - - 私は非常にドキュメントを読んでお勧め .onを使用して多くの大幅パフォーマンスに影響を与えることができ .onを使用してのニュアンスがあります）

$("#button-id").bind("click", function(evt, ui) { 
    evt.preventDefault(); 
    ... 
} 

任意のセレクタ（クラス、要素タイプなどで選択）またはイベントにバインドする方法（.bindではなく、.live,.delegateをap jqueryのあなたのバージョンに特化してください。