javascript submit時にイベントを取得してアラートを表示する

javascript submit時にイベントを取得してアラートを表示する

javascriptで、onsubmitを使って、イベントを取得してアラートを表示するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

onsubmit使い方

onsubmitを使うと、submitボタンがクリックされたイベントを取得することが可能です。

以下のように、記述することも可能です。

document.getElementByIdと関数をアロー化して、簡潔に記述することもできます。

サンプルコード

以下は、
「 Submit 」ボタンをクリックするとアラートを表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

アラートが表示されているが確認できます。