Formos siuntimo draudimas JavaScript

Jei reikia, galima uždrausti formos siuntimą. Tai daroma naudojant jums jau žinomą preventDefault. Pažiūrėkime pavyzdžiu.

Tarkime, kad turime tokią formą:

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

Gaukime nuorodą į ją į kintamąjį:

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

Formos siuntimą galima pagauti naudojant įvykį submit:

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

Dabar uždrauskime formos siuntimą:

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