JSP에서 form전송 시 주의(submit 막기)

<form name="searchForm" id="searchForm" method="POST">
	<div>
		<div><strong>조회조건</strong><input type="text" name="searchType" id="searchType"></div>	
    </div>
    <button type="button" id="btn_search">조회</button>
</form>

form에서 단일 input으로 되어있을때 자체? submit이 되게 되어있다. 이것은 개발할때 의도치않은 동작을 유발한다.

Enter키를 누르면 지혼자 조회되곤 한다.

 

예를들어 js에 버튼을 클릭할 시 jqGrid를 호출하는 함수에 해당 Form을 전달하게 되면

$(document).ready(function() {

	$("#btn_search").click(function() {
    	jsonSearchGrid({
        	searchId: '#searchForm',
            gridId: '#dataDateList'
        });
    }

}

2번 조회 되는 의도치않은 submit이 발생한다. 이것을 방지하기 위해서 form 속성에  onSubmit="return false;" 를 넣어주면 된다.