JavaScriptによるフォーム送信

JavaScriptを使用してフォームを強制的に送信することができます。その方法を見てみましょう。フォームと、クリックした時にフォームを送信したいボタンがあるとします：

public/form.html<form action="/handler/" method="POST">
  <input name="test1">
  <input name="test2">
</form>

<button>送信</button>

要素への参照を変数に取得しましょう：

public/script.jslet form   = document.querySelector('form');
let button = document.querySelector('button');

ボタンにクリックイベントハンドラを設定します：

public/script.jsbutton.addEventListener('click', function(event) {
  
});

ボタンがクリックされた時に、submitメソッドを使用してフォームを送信します：

public/script.jsbutton.addEventListener('click', function(event) {
  form.submit();
});