JavaScript ile Form Gönderme

JavaScript aracılığıyla bir formu zorunlu olarak göndermek mümkündür. Bunun nasıl yapıldığına bir göz atalım. Bir formumuz ve üzerine tıklandığında formu göndermek istediğimiz bir düğmemiz olduğunu varsayalım:

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

<button>gönder</button>

Öğelerimize referansları değişkenlere alalım:

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

Düğmeye bir tıklama olay dinleyicisi ekleyelim:

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

Düğmeye tıklandığında, formu submit metodu aracılığıyla gönderelim:

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