HTML form의 onsubmit을 이용한 조건부 submit

예를들어 아래와 같이 form으로 구성된 UI일 경우  검색어 조회를 하는데 입력한 검색어가 없거나 빈문자열 공백일 경우

submit하지 못하게 할때 onsubmit 을 설정 하여 조건이 맞을 경우만 submit 되도록 할 수 있다.

- html 소스

<form action="...." onsubmit="return inpValidateFn();" name="form">
    <input id="searchKeyword" type="submit" value="">
    <button type="submit">
        <span class="icon-search"></span>
    </button>
</form> 

<script type="text/javascript">
//검색어가 없을경우 false
function inpValidateFn(){
	var searchkeyword = $('#searchKeyword').val().trim();//공백삭제.
	if(searchkeyword.length == 0){
		return false;
	}else{
		return true;
	}
}
</script>