FORM 서브밋 시 return false 의 중요성

[평소 코딩 습관] 

<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; 를 넣어줌으로써 자동 서브밋을 방지한다.!!!

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

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