Enter키 폼 전송 막기

$(function() {
    $("input:text").keydown(function(evt) {
        if (evt.keyCode == 13)
            return false;
    });
});

아래 방법이 익스플로어에서는 동작하지 않는다. 역시 jQuery가 간단하구나;;;

---

<form> 태그 내부에 둘러싸여진 input text 박스에서 포커스가 있을 때

Enter 를 누르게 되면 자동으로 submit 이 된다. 이것은 form 내부에

input 박스가 하나만 존재해서 그렇다. 이 기능을 막고자 한다면 여러가지

방법이 있는데 그에 대한 방법들을 설명하고자 한다.

(1) keycode 값을 판단해서 처리

 

form 이 submit 되었을때 javascript 로 keycode 값을 읽어와 Enter 에

해당하는 것들은 스킵하게 해준다.

?

1 2 3 4 5 6 7 8 9 10 11

< script language="javascript"> //ENTER 안먹게 하는것 function captureReturnKey(e) {     if(e.keyCode==13 && e.srcElement.type != 'textarea')     return false; } < /script>   < form name="F" method="post" onkeydown="return captureReturnKey(event)">     < input type="text" name="test"> < /form>

(2) form 태그의 속성값으로 막기

 

form 에 onSubmit 이라는 속성이 있는데 이것을 false 로 설정하면 된다.

?

1 2 3 4

<form name="searchForm" onsubmit="return false;" method="post">     <input name="searchVal">     <input onclick="searchBoard()" type="button" value="검색"> </form> 출처 : http://mainia.tistory.com/523