그러냐

FORM 서브밋 시 return false 의 중요성 본문

javascript

FORM 서브밋 시 return false 의 중요성

관절분리 2016. 1. 27. 18:25
반응형

출처 : http://www.cyworld.com/_NextWorld_/7149519

 

오늘 처음 느꼈다...


이런 젠장..ㅠㅠ

내 평소 개발 습관은 return false 를 잘 사용하지 않는다

저걸 주로 사용하는건 상단 <script></script> 구간에서 이벤트 액션 코딩할때 뿐이다.

그동안 별 무리 없이...? 잘 해왔던거 같은데 오늘에서야 제대로 실감했다...ㅠㅠ

[평소 코딩 습관] 

<script type="text/javascript">
<!--
function goSubmit(){
//서브밋
}
//-->
</script>
<form name="fForm" method="post" action="./test.jsp">
<input type="image" src="btn_ok.gif" alt="확인" onclick="goSubmit();">
</form>

[위의 문제점]

별로 무리는 없어보인다.

그러나 image 가 input 타입으로 폼 안에 들어가있다.

폼이란 아이는 자동으로 서브밋을 해주는 아주 영리한 아이다.( 쓸데없이.ㅠㅠ )

해서 자동으로 서브밋되는것을 막아주지 않으면 개발자가 서브밋 되게 이벤트를 거는것과 상관없이 폼 자체적으로 

한번 더 서브밋을 해준다.

때문에 이를 해결할 방법은 아래와 같다..


[해결방안?]
<script type="text/javascript">
<!--
function goSubmit(){
//서브밋
}
//-->
</script>
<form name="fForm" method="post" action="./test.jsp">
<input type="image" src="btn_ok.gif" alt="확인" onclick="goSubmit(); return false;">
</form>

스크립트 호출과 동시에 return false; 를 넣어줌으로써 자동 서브밋을 방지한다.!!!

이 간단한걸 난 계속... 왜 프로세스가 두번 돌지.. 하면서 개발코드 분석하고 있었다...ㅠㅠㅠ

 

반응형