JavaScript 예제 13 / 20
폼을 그대로 제출하면 페이지가 새로고침됩니다. event.preventDefault() 로 그걸 막고 JS로 직접 처리해봅니다.
submit
preventDefault
폼 검증
💡 이렇게 바꿔보세요
preventDefault() 를 안 하면 <form> 은 페이지를 새로고침하며 서버로 데이터를 보내려고 해요- 실제 서비스에서는 여기서
fetch() 로 서버에 데이터를 보내는 경우가 많아요 (js-fetch 예제 참고)
- 닉네임을 한 글자만 입력하고 제출해서 에러 메시지도 확인해보세요
← JavaScript 예제 목록