[HTML ERROR] form태그안에 input 태그가 1개인 경우, Enter 누르면 Submit이 자동으로 발생

검색 부분을 개발하다가 Enter를 치면 검색이 완료되고, 다시 리로드가 발생하는 문제가 생겼다.

 

그래서 구글링을 통해서 원인을 찾아서 해결하였다.

 

원인 :  form안에 input 태그가 1개인 경우에 enter를 누르면, submit이 자동으로 발생한다.
그래서 input에 keydown을 걸어두었기 때문에, submit이 2번 발생했다.

 

해결 : form태그 onsubmit에 return false를 추가하여 리로드가 되는 현상을 막았다.

<form onsubmit="return false;">

<form onSubmit="return false">
    <div class="search_faq">
        <div class="search_wrap">
            <input type="search" class="form_text type_search " title="검색어" value="">
        </div>
    </div>
</form>