My Name is Kay....

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

추가 포스팅이 이뤄지지 않는 블로그입니다. 문의는 wkzkfmxksi@gmail.com 으로 연락주세요.
kay
조회 수 7826 추천 수 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>


?

  1. 스크롤 따라 다니는 배너

  2. Tree 메뉴만들기

  3. 자동 Submit 방지 및 Enter Key 체크하기

  4. 자동 롤링 배너 Jquery

  5. datepicker 달력

  6. Jquery 갤러리 "jQuery-awesome-images-Gallery-lightbox"

  7. Javascript 강제 이벤트 실행시키기 "trigger"

  8. 스크롤 탑 컨트롤 - scrolltop control

  9. CheckBox 값 읽어오기

  10. Moodular - 회전,슬라이더, 터치 ,모자이크

  11. input hidden <-> text 변경하기

  12. 1.9x 버전 $.browser 삭제 대체 사용

  13. sliding horizontal parallax - parallax 공부 샘플

  14. jQuery Zoom - 이미지 줌 제어 ( 휠 , 클릭 , 오버 )

  15. fancyBox - 레이어팝업 (추천)

  16. makisu - 메뉴 접기(?)

  17. poshytip - 툴팁

  18. tiptip - 툴팁

  19. animate - 각종 애니메이션 효과

  20. vGrid - 브라우저 너비에 따른 가변 그리드

Board Pagination Prev 1 2 3 Next
/ 3