JavaScript에서 폼 제출 금지하기

필요한 경우 폼 제출을 금지할 수 있습니다. 이는 이미 알고 있는 preventDefault 를 통해 수행됩니다. 예제를 통해 살펴보겠습니다.

다음과 같은 폼이 있다고 가정해 보겠습니다:

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

변수에 대한 링크를 얻습니다:

let form = document.querySelector('form');

폼 제출은 submit 이벤트를 통해 감지할 수 있습니다:

form.addEventListener('submit', function() {
	
});

이제 폼 제출을 금지해 보겠습니다:

form.addEventListener('submit', function(event) {
	event.preventDefault();
});

입력 필드가 있는 폼이 주어졌습니다. 제출을 시도할 때 입력 필드에 올바른 이메일이 입력되었는지 확인하십시오. 그렇지 않은 경우 폼 제출을 금지하고 이에 대한 메시지를 표시하십시오.