Kuzuia Uwasilishaji wa Fomu katika JavaScript

Ikiwa ni lazima, inawezekana kuzuia uwasilishaji wa fomu. Hufanywa kupitia preventDefault ambayo tayari unayafahamu. Wacha tuangalie kwa mfano.

Wacha tuwe na fomu ifuatayo:

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

Tupate kiungo kwake kwenye kutofautisha:

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

Uwasilishaji wa fomu unaweza kukamatwa kupitia tukio la submit:

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

Wacha sasa tuzuie uwasilishaji wa fomu:

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