onSubmit
属性は、HTMLのform
タグに使われるイベントハンドラー属性。
フォームが送信される際(例えば、ユーザーが送信ボタンをクリックしたり、Enterキーを押したりした場合)に指定されたJavaScript関数を実行する。
onSubmit
を使用する主な目的は、フォーム送信前にデータを検証したり、デフォルトのフォーム送信動作(通常は新しいページへのリクエストやページの再読み込み)を防止すること。
使用例
<script>
function handleSubmit(event) {
event.preventDefault(); // デフォルトのフォーム送信を防止
alert('フォームが送信されました!');
}
</script>
<form onSubmit="handleSubmit(event)">
<input type="text" name="name" required>
<input type="submit" value="送信">
</form>
送信しようとすると、handleSubmit関数が呼び出され。アラートが表示される。