Formanın JavaScript-də göndərilməsinin qadağan edilməsi

Lazım olduqda formanın göndərilməsi qadağan edilə bilər. Bu, sizə artıq tanış olan preventDefault vasitəsilə edilir. Gəlin bir nümunəyə baxaq.

Tutaq ki, bizim aşağıdakı forması var:

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

Onu dəyişəndə əldə edək:

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

Formanın göndərilməsi submit hadisəsi vasitəsilə tutula bilər:

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

Gəlin indi formanın göndərilməsini qadağan edək:

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