JavaScriptによるフォーム送信
JavaScriptを使用してフォームを強制的に送信することができます。その方法を見てみましょう。フォームと、クリックした時にフォームを送信したいボタンがあるとします:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
</form>
<button>送信</button>
要素への参照を変数に取得しましょう:
let form = document.querySelector('form');
let button = document.querySelector('button');
ボタンにクリックイベントハンドラを設定します:
button.addEventListener('click', function(event) {
});
ボタンがクリックされた時に、submitメソッドを使用してフォームを送信します:
button.addEventListener('click', function(event) {
form.submit();
});
3つの入力フィールドを持つフォームが与えられます。クリックするとこのフォームの送信が行われるリンクを作成してください。