Űrlap elküldése JavaScript segítségével

Kényszerítetten elküldhetünk egy űrlapot JavaScript segítségével. Nézzük meg, hogyan is történik ez. Tegyük fel, hogy van egy űrlapunk és egy gomb, amelyre kattintva el szeretnénk küldeni az űrlapot:

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

<button>küldés</button>

Kapjuk meg az elemeinkre mutató hivatkozásokat változókba:

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

Rendeljünk a gombhoz kattintás eseménykezelőt:

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

A gombra kattintáskor hajtsuk végre az űrlap elküldését a submit metódus segítségével:

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