[JavaScript] Submit時イベントを取得する（onSubmit）

投稿日：2016年10月9日更新日：2018年5月2日

Submit時イベントを取得するには、onsubmitイベントハンドラを使用します。

サンプルソース

例）Submit前に確認メッセージを表示する

function preSubmit(){
  return window.confirm('送信します。よろしいですか？')
}

function preSubmit(){

return window.confirm('送信します。よろしいですか？')

}

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
  <script src="sample.js"></script>
</head>
<body>
  <form action="xxx" onsubmit="return preSubmit();" />
    <input type="text" name="txt1" value="val" />
    <input type="submit" value="送信" />
  </form>
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

</form>

</body>

</html>

解説

onsubmitは、formタグに設定します。
onsubmitイベント発生タイミングは、submit直前です。
フォームの入力チェック処理や、確認メッセージを出したい時などに使用できます。

執筆者：とら