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();
});