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

スポンサーリンク

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

formタグに施す処理

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

“`<form action="" method="post" onsubmit="return false;" >“`

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

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

“`<input type="button" value="記事を投稿する" />“`

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

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

“`<input type="button" value="記事を投稿する" onclick="submit();" />“`