Enterキーを打ってもsubmit（送信）しないようにするには | Netsphere Laboratories

2004.11.06新規作成。 HTMLフォームで、submit（送信）ボタンを押さずにデータが送信されてしまうことがある。用途によってはその方が使いやすいこともあるが、編集中に意図せず送信されてしまうこともあるので、この動作を抑止したい。どうするか。 submitボタン まず、submitボタンがあるかどうか。submitボタンがあるとき、input[type="text"]で生成されるテキストコントロール内でEnterキーを打つと、フォームデータが送信される。 例えば、次のようなフォームの場合。テキストコントロールが一つでも二つ以上でも同じであり、IE / Mozillaとも同じように振る舞う。 <form action="test"> <input type="text" name="a"> <input type="text" name="b"> <input type="subm

[pmint]

"buttonタグにはtype属性が必要なことに注意"…この時点でバッドノウハウだったろうに。というか、説明がなってなくて意味不明。

[gidooom]

オペミス防止に。

[msuhara]

Enterキーによるsubmit制御の方法について記載あり。

[nettabo]

type="button"でも1フォームの場合はEnterでSubmitされるので、非表示のダミーテキストをおけばよい。<input type="text" name="dummy" style="visibility:hidden">

[hashimoya]

enter（return）キーでsubmit問題。対策、submitボタン書き換えとか。

[kusobomb]

しちめんどくせぇ

[L3msh0]

テキストコントロールの数で挙動が変化するってふしぎ

[lmtak]

FORM内にinput[type=text]が1つしか無い場合は、ENTER押下でJavascript無効時もsubmitしてしまう。input[type=text]が2つ以上あればsubmitされないので、ダミーフィールドを作りcssでhiddenにする手法がある