Vita Contemplativa/개발

[Javascript] FORM에서 내용입력 시 엔터키 제출 막기(submit방지)

intelligentia 2015. 3. 2. 14:17

제목(text input)+내용(textarec) 구성의 이벤트게시판 글쓰기 폼에서 제목입력하고 엔터키 누르면 제출이 되어버리는 경우가 이슈접수되어서 엔터키 안먹게 막기 위한 함수를 아래처럼 적용하였다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script language="javascript"
 
// 엔터키 제출 방지
function captureReturnKey(e) { 
if(e.keyCode==13 && e.srcElement.type != 'textarea'
return false; 
 
</script> 
 
<form name="saveForm" method="post" onkeydown="return captureReturnKey(event);"
 
<input type="text" name="title"></input>
<textarea name="content"></textarea> 
 
</form> 
728x90