input 박스에 자동 submit 막기 Posted on 2016년 4월 2일 by heewoo Posted in HTML5 Easy Plugin for AdSense by Unreal 태그 내부에 둘러싸여진 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> < input type="text" name="test"> < /form> (2) form 태그의 속성값으로 막기 form 에 onSubmit 이라는 속성이 있는데 이것을 false 로 설정하면 된다. (3) 크기가 없는 input 박스 하나더 추가해준다. 자동 submit 이 input 박스 하나있을 때만 발생하므로 크기가 없는 input 박스를 추가해 준다. 스타일을 크기 0, 숨김으로 설정한다. Easy Plugin for AdSense by Unreal