Αποστολή φόρμας μέσω 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();
});