form 태그 속 여러 개의 Button 태그 클릭 시 모두 submit으로 동작 되는 현상

게시물 글쓰기 버튼

 

위의 사진처럼 form태그 안에 버튼을 2개 생성 후

돌아가기버튼은 게시물 리스트로, 하나는 게시물등록으로 설정하는 과정에서 발생한 에러?

분명 돌아가기버튼에 submit은 안넣었는데 돌아가기버튼을 클릭하면 submit으로 동작한다. 

 

<form:form modelAttribute = "board" action = "write.do" method = "post">
	<form:input path ~~/>
	<form:input path ~~/>
    
    <button type = "submit">등록</button> 
    <button onclick = "location.href='list.do'">돌아가기</button>
</form:form>

대충 이런식으로 코딩

 

검색해보니 한번에 알았다.

 

원인

form태그 속 사용되는 Button은 기본적으로 type이 submit으로 설정되있다는 것이였다.

 

해결방법

돌아가기의 type을 button으로 지정해줬다.

<form:form modelAttribute = "board" action = "write.do" method = "post">
	<form:input path ~~/>
	<form:input path ~~/>
    
    <button type = "submit">등록</button> 
    <button type = "button" onclick = "location.href='list.do'">돌아가기</button>
</form:form>

 

말끔히 해결!