개발자의 끄적끄적

[html/css] html form enter submit disable example / html 폼 엔터 submit 방지하는 방법 본문

개발/html & css

[html/css] html form enter submit disable example / html 폼 엔터 submit 방지하는 방법

효벨 2021. 8. 31. 01:00
728x90
반응형

[html/css] html form enter submit disable example / html 폼 엔터 submit 방지하는 방법

 

 

html 에서

 

form 데이터를 다루다 보면

 

버튼을 클릭시 폼이 전송되게 처리를 합니다!

 

그중에서

 

버튼의 타입도 button 이고 잘 설정되어 있는데

 

엔터키 입력시

 

submit 이 실행되서 페이지가 새로고침 되는 경우가 있는데요!

 

 

그럴때는 아래와 같은 방법으로 처리하시면 됩니다!

 

바로 onsubmit 옵션을 이용하는 방법인데요!

 

onsubmit="return false;"

 

위와 같은 옵션을

 

아래 나온 내용처럼 form 에 추가하시면 됩니다!

 

<form id="send_form" method="post" onsubmit="return false;">
</form>

 

참고들 하세요!

반응형
Comments