Dev-/WEB

form 태그 안 button 태그 사용시, 페이지 리로드 현상

thiago6 2019. 2. 14. 11:26

여러 버튼을 form태그 안에 넣어야 하는 상황이 발생했는데,


해당 버튼의 이벤트가 전부 submit으로 되어있고, 페이지가 자동으로 리로드되어서 애를 먹었다.




해결법은


1. button태그 type에 "button"을 준다.

<form action="/formGo" method="post">
<button type="button">gogo</button>
</form>

2. form태그 onsubmit에 "return false"를 준다.

<form action="/formGo" method="post" onsubmit="return false">
<button>gogo</button>
</form>