フォームラベル内のボタンラベルの「送信」動作を無効にするにはどうすればよいですか?

Question

<form action="">
  <ボタン>クリック</ボタン>
</form>

フォーム内の

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

このボタンの送信動作を無効にするにはどうすればよいですか?

Answer 1

submit ボタンの詳細を保存したい場合があります (たとえば、モバイル デバイスでは、ボタンがフォームの一部でありタイプ である場合、ボタンはキーボードからのみアクセスできます) submit submit ボタンをトリガーします)。この場合、ボタンのデフォルト動作を防止する必要があります。

jQuery 1.7 の使用 (.on の使用 - ドキュメントを読むことを強くお勧めします - .on の使用にはパフォーマンスに大きな影響を与える可能性のある多くのニュアンスがあります)

リーリー

古いバージョンの jQuery を使用する...

リーリー

任意のセレクター (クラス、要素タイプなどによる選択) またはイベントをバインドするメソッドを使用できることに注意してください (.bind を使用する代わりに、機能するものは何でも使用してください) .live、.delegate などの jQuery バージョン)。

Answer 2

その上に type="button" を追加します:

リーリー

---

利用可能なタイプは次のとおりです:

• "submit": デフォルト値。フォームを送信します。
• "reset": フォームの入力をリセットします。
• "ボタン": 操作はありません。

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