【Vanilla JS】フォームの送信前に確認ダイアログを表示する

[ ID : 10951 ]
シルバー
【Vanilla JS】フォームの送信前に確認ダイアログを表示する
実装目安
3分

概要

フォームの「送信する」ボタンを押した際に、確認ダイアログを表示して「OK」なら送信を実行し、「キャンセル」なら送信をキャンセルする処理をJavaScriptで実装。

用途・要件

  • 「送信ボタン」(button type=”submit”)をクリックすると、確認ダイアログを表示させる。
  • 確認ダイアログの表示は、JavaScriptのconfirm()を使用。
  • 確認ダイアログの「OK」をクリックした場合、送信が実行される。
  • 「キャンセル」をクリックした場合、送信はキャンセルされる。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録