ホームページ作成/フォームの活用・装飾 (HTML,CSS,JavaScript)

Enterキーでフォームが誤送信されるのを防ぐ方法(4ページ目)

Enterキーによる誤送信を防ぐ方法や設定はあるのでしょうか。Enterキーを押してもフォームの内容が送信されないようにする方法と、送信する前に確認ダイアログを表示する方法の2通りをご紹介いたします。

西村 文宏

執筆者:西村 文宏

ホームページ作成ガイド

 

[Enter]キーで送信されてしまうと困る場合の対処方法2つ

今回は、入力中に誤って[Enter]キーを押下することで、入力内容を誤送信してしまわないようなフォームを作る方法として、(1)[Enter]キーでの送信を無効にした上で、送信用のボタンを別途用意する方法と、(2)送信する前に確認ダイアログを表示する方法の2種類をご紹介いたしました。特に日本語入力が必要なフォームでは、誤って[Enter]キーを押してしまう可能性が高まります。そのような入力フォームを用意する際には、ぜひ試してみて下さい。
【編集部おすすめの購入サイト】
Amazonでホームページ作成の参考書をチェック!楽天市場でホームページ作成関連の書籍をチェック!
  • 前のページへ
  • 1
  • 2
  • 3
  • 4
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます