リターン（Enterキー）でフォームを送信しない方法

フォームのテキスト入力中にうっかりリターン（Enterキー）を押してしまい、中途半端なフォームが送信されてしまったという経験をした人は結構多いのではないかと思います。 ということで、リターン（Enterキー）でフォームを送信しないようにする方法を紹介します。この記事の投稿時点でのGoogle Chrome・Firefoxの最新版とIE9で同じ動作になることを確認しています。 １．リターンでフォームが送信される原因 次のように、type属性が「text」のinput要素、いわゆるテキストフィールドが含まれるフォームで、テキストフィールドがアクティブなときにリターンを押すとフォームが送信されてしまいます。 <form action="hoge.cgi"> <input type="text" name="foo" /> <input type="text" name="bar" /> <inp

[pmint]

バッドノウハウのロンダリング。2012年当時でもデフォルトボタン作って無効化（<input type="submit" style="display:none" disabled>をフォーム内の最初の要素にする）が普通だったと思うけど。

[hirokts]

“ <input type="text" name="dummy" style="display:none;">”

[stealthinu]

フォーム中にinput textが１つだけしかない場合にエンターキー押すとsubmitになってしまうのね。display:noneにしたダミーの入力フィールドを付けるとかの方法しかない。

[nao-t]

][フォーム][form]

[tvsk]

input submitのユーザ向けフェールセーフtips ケーススタディとコードサンプル

[JHashimoto]

"リターン（Enterキー）でフォームを送信しないようにする方法を紹介します。この記事の投稿時点でのGoogle Chrome・Firefoxの最新版とIE9で同じ動作になることを確認しています。"