Ձևի ուղարկումը արգելափակելը 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();
});