JavaScriptのform.submit()とは？フォーム内容を自動送信する方法を解説
form.submit() は、フォームの内容を JavaScript から送信するためのメソッドです。
通常は送信ボタンを押して送信しますが、スクリプトから直接送信したい場合に利用します。
submit()メソッドとは？
submit() は、フォームの内容をサーバーへ送信するメソッドです。
HTML の <input type="submit"> と同じ動作を JavaScript から実行できます。
ただし、JavaScript から強制的に送信するため、以下の点に注意が必要です。
- 確認ダイアログを挟まず送信される場合がある
- ブラウザによってはセキュリティ警告が出ることがある
- onsubmit イベントが実行されないケースがある
→ 自動送信が必要な場面でのみ使用するのが一般的です。
使用例：フォームを JavaScript から送信する
フォーム名（または id）を使って submit() を呼び出します。
// フォーム form1 の内容を送信
document.form1.submit();
document.form1.submit();
id を使う場合はこちら。
document.getElementById(“form1”).submit();
実際のフォーム例
<form id=”form1″ action=”send.html”>
名前：<input type=”text” name=”user”><br>
名前：<input type=”text” name=”user”><br>
<input type=”button” value=”自動送信” onclick=”document.getElementById(‘form1’).submit()”>
</form>
→ ボタンを押すと、送信ボタンを押さなくてもフォームが送信されます。
まとめ
form.submit()はフォーム内容を JavaScript から送信するメソッド- 送信ボタンを押さずに送信できる
- onsubmit が実行されない場合があるため注意が必要
- 自動送信や条件付き送信に便利
