• Open API/Jquery

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

    2016. 11. 11.

    by. Yo.

    728x90



    폼내에 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>


    728x90
    저작자표시 (새창열림)

    댓글

    관련글

    맨 위로
전체 글 보기

티스토리툴바