Larangan Penghantaran Borang dalam JavaScript

Jika perlu, penghantaran borang boleh dilarang. Ini dilakukan melalui preventDefault yang sudah anda ketahui. Mari kita lihat contoh.

Katakan kita mempunyai borang berikut:

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

Dapatkan pautannya dalam pembolehubah:

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

Penghantaran borang boleh ditangkap melalui peristiwa submit:

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

Sekarang mari kita larang penghantaran borang:

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