티스토리 뷰
Test
위와 같이 간단하게 주소만 넘기는 코드를 짰다고 가정했을 때, 취소 버튼을 누르든 확인 버튼을 누르든 무조건 submit 되는 현상이 발생한다.
전에도 이같은 일이 발생해서 button을 input type="button"으로 바꿔서 해결했던 적이 있었는데, 이번엔 button에 입힌 CSS 디자인을 포기할 수 없어서 어떻게든 방법을 찾아야 하는 상황이었다. (input에도 CSS가 적용되긴 하지만 뭔가 모양이 달랐다. 디자이너에게 따로 부탁하기가 좀 미안하기도 하고, 또 다른 방법을 알고 싶은 마음에 시간도 있으니 혼자 알아서 해결하기로 마음 먹음.)
이유는 button 태그를 form 태그 안에 넣었기 때문이었는데, 그렇다고 왜 무조건 submit이 되는지는 잘 모르겠다. 일종의 버그 같다.
해결 방법은 3가지다.
1. button 태그를 form 태그 안에서 밖으로 빼놓는다.
2. button 태그를 input type="button"으로 바꾼다.
3. button 태그 안에 type="button"을 추가한다.
'공장 (factory) > - Programming..' 카테고리의 다른 글
[Eclipse] Code Templates - 주석 형식 지정 (0) | 2014.07.24 |
---|---|
[Javascript] 부모창의 데이터 가져오기 (0) | 2014.07.16 |
[jQuery UI] submit 후 dialog 창 닫기 (0) | 2014.07.10 |
[Java] Google Authenticator(Google OTP)를 이용한 개발. (42) | 2014.06.10 |
[Java] 다른 페이지의 HTML 요소 가져오기. (1) | 2014.05.09 |
댓글