2/4 Enterキーでフォームが誤送信されるのを防ぐ方法 [ホームページ作成] All AboutEnterキーでフォームが誤送信されるのを防ぐ方法(2ページ目)Enterキーによる誤送信を防ぐ方法や設定はあるのでしょうか。Enterキーを押してもフォームの内容が送信されないようにする方法と、送信する前に確認ダイアログを表示する方法の2通りをご紹介いたします。 [Enter]キーの押下でフォームの内容が送信されるのを防ぐ方法 まずは、[Enter]キーの押下でフォームの内容が送信されてしまう仕様を無効にした上で、送信用のボタンを別途用意する方法をご紹介いたします。 ■Step.1 form要素のsubmitイベントを無効にする 入力欄にカーソルが入っている状態(＝フォーカスがある状態)で[Enter]キーを押下しても送信されないようにするには、フォームのsubmitイベントでは内容が送信されないようにHTMLとスクリプトを記述します。方法は簡単で、form要素の開始タグを以下のように記
![2/4 Enterキーでフォームが誤送信されるのを防ぐ方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/ea28458947035511d6b420b4ceec4cc6ebdd87a9/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F7%2F2%2F201611211316%2Ftopimg_original.png)
