0017

フォームを誤ってReturnキーで送信してしまう事を防ぐ方法

フォームを誤ってReturnキーで送信してしまう事を防ぐ方法

2012.1.27

何かの入力フォームで誤ってリターンキーを押してしまい、送信してしまった、という事がよくあります。 それを防ぐ方法があったのでメモ。

formタグに施す処理

form開始タグに「onsubmit=return false;」を追加します。
onsubmit=return false;を追加することで、リターンキーによる送信処理を止めます。

送信ボタンタイプをsubmitからbuttonに変更する

これだけではまだ不完全です。送信ボタンのタイプをsubmitからbuttonに変更します。

送信ボタンに処理を追加する

最後に、buttonに変更した送信ボタンに「onclick=submit();」処理を追加します。