My Name is Kay....

DIY , 먹방 , 개발 , 육아 , 여행 좋아합니다.
AdBlock 사용시 화면이 정상적으로 노출되지 않습니다.
포스팅 관련 문의 및 개발 문의는 Email : wkzkfmxksi@gmail.com

추가 포스팅이 이뤄지지 않는 블로그입니다. 문의는 wkzkfmxksi@gmail.com 으로 연락주세요.
kay
조회 수 7822 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

폼내에 input 객체가 하나뿐인 경우 엔터키를 입력하게 되면 자동으로 폼 Submit()이 되는데

어떤 경우에는 이것을 막아야 할 경우가 발생합니다..


이를 방지 하기 위한 방법입니다.


form 에서 onsubmit 에 return false; 값을 추가해 주고 

필요한 경우 keyup 되는 경우 키값에 따라 필요한 코딩을 추가해줍니다.


TEST Url : http://www.uhoon.co.kr/test/1907.html


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>auto submit 방지 및 Key Code 체크하기</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script>
	$(function() {
		$("#name").on("keyup", function(e){

			$("#keyCode").html(e.which);

			if(e.which==13)
			{
				alert("enter Key");
			}
		});
	});
</script>
</head>
<body>
<form id="frm" onsubmit="return false;" >
	<input type="text" id="name" />
	<label for="code">Key Code : </label><span id="keyCode"></span>
</form>
</body>
</html>


?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
14 etc FadeIn , FadeOut 을 이용한 간단한 메인 배너 이미지 노출. kay 2014.10.23 2999
13 etc 기본값 가져오기 get default value kay 2014.10.19 2323
12 etc 페이지 또는 객체에서 특정 키워드 강조하기 2 kay 2014.06.14 2716
11 etc 우클릭 , 셀 선택 , 드래그 방지 스크립트 kay 2014.02.17 7916
10 etc Jquery Load 유무 체크하기 kay 2014.02.12 4287
9 etc Table에 동적 Tr 추가/삭제 하기 kay 2014.02.09 21271
8 etc 한글/영어 byte 체크해서 자르기 1 kay 2013.11.30 9702
7 etc $.trim(str) trim... kay 2013.10.16 3957
» etc 자동 Submit 방지 및 Enter Key 체크하기 kay 2013.08.12 7822
5 etc input hidden <-> text 변경하기 kay 2013.05.03 5952
4 etc 1.9x 버전 $.browser 삭제 대체 사용 2 kay 2013.04.26 5661
3 etc 에러 리포팅 , Ajax 디버깅 ( JS , ASP ) - 오류메시지 확인하기 kay 2013.03.08 30612
2 etc XML 파싱 kay 2013.03.02 6337
1 etc 페이지 로딩 속도 개선 - 이미지 로딩처리 kay 2013.03.02 6507
Board Pagination Prev 1 Next
/ 1