Απαγόρευση της αποστολής φόρμας σε JavaScript

Εάν είναι απαραίτητο, μπορείτε να απαγορεύσετε την αποστολή μιας φόρμας. Αυτό γίνεται μέσω της ήδη γνωστής σε σας preventDefault. Ας δούμε ένα παράδειγμα.

Ας υποθέσουμε ότι έχουμε την ακόλουθη φόρμα:

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

Ας πάρουμε έναν σύνδεσμο προς αυτήν σε μια μεταβλητή:

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

Η αποστολή της φόρμας μπορεί να πιαστεί μέσω του συμβάντος submit:

public/script.jsform.addEventListener('submit', function() {
  
});

Ας απαγορεύσουμε τώρα την αποστολή της φόρμας:

public/script.jsform.addEventListener('submit', function(event) {
  event.preventDefault();
});