input 태그에서 엔터(enter) 입력해도 submit 되지 않도록 하기

개요

form을 만들고, 그 안에 input 태그에서 포커스를 두고 엔터(enter)치면 바로 submit 된다.

필요에 의해 그렇게 만들어졌겠지만, 함수로 이동해 검색필터를 거쳐 허가된 데이터만 submit으로 보낼 수 있게 만들어놓은 로직 등, 특수한 경우에 이 submit을 못하게 막고싶을 때가 있다.

 

 

 

 

첫번째 방법

form 태그 안에

onKeydown="javascript:if(event.keyCode == 13) checkSearchValue(searchForm);"
onsubmit="return false;"

다음 두가지 속성을 넣어준다.

 

ex)

<form action="test.jsp" name="myform" onKeydown="javascript:if(event.keyCode == 13) checkSearchValue(searchForm);" onsubmit="return false;">
    <input type="text"/>
</form>

 

 

 

 

 

 

 

 

두번째 방법

form 태그 내에 input태그가 단 하나만 있을때만 submit이 된다고 한다.

그러므로 눈에 보이지 않는 하나의 태그를 더 만들어준다.

<input style="visibility: hidden;"/>

을 추가해준다.

 

사실 이방법은 꼼수다.

일부 사람들은 이 방법은 의미에도 맞지않고, 브라우저에 따라 쓸데없는 공간이 생성되기도 하기에 추천하지 않지만,

일부 사람들에게는 편한게 좋은거라고 자주 즐겨쓰는 방법이다.

 

 

 

 

 

 

 

구미 당기는걸 선택해서 해결하자.

==========끗==========