input 박스에 자동 submit 막기를 위한 여러가지 방법

input 박스에 자동 submit 막기를 위한 여러가지 방법

 

개발환경 : JDK 1.5, eclipse-galileo, window XP

 

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

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

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

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

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

 

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

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

< 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 로 설정하면 된다.

(3) 크기가 없는 input 박스 하나더 추가해준다.

 

자동 submit 이 input 박스 하나있을 때만 발생하므로 크기가 없는 input 박스를

추가해 준다. 스타일을 크기 0, 숨김으로 설정한다.