숫자만 입력

JAVASCRIPT 2015. 3. 16. 17:58 Posted by Dayis
<!doctype html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>input 필드에 오직 숫자만 입력 받기</title>
</head>
<body>
    <h1>input 필드에 오직 숫자만 입력 받기</h1>
    <form>
        <p><input type="text" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;'></p>
    </form>
    <script>
        function onlyNumber(event){
            event = event || window.event;
            var keyID = (event.which) ? event.which : event.keyCode;
            if ( (keyID >= 48 && keyID <= 57) || (keyID >= 96 && keyID <= 105) || keyID == 8 || keyID == 46 || keyID == 37 || keyID == 39 )
                return;
            else
                return false;
        }
        function removeChar(event) {
            event = event || window.event;
            var keyID = (event.which) ? event.which : event.keyCode;
            if ( keyID == 8 || keyID == 46 || keyID == 37 || keyID == 39 )
                return;
            else
                event.target.value = event.target.value.replace(/[^0-9]/g, "");
        }
    </script>
</body>
</html>

원본 : http://webskills.kr/archives/310


'JAVASCRIPT' 카테고리의 다른 글

즐겨찾기 추가 스크립트  (0) 2015.07.18
입력폼에서 엔터키를 눌렀을 때..  (0) 2015.07.12
유튜브(Youtube) 동영상 로드, 종료 이벤트 API  (0) 2015.01.13
jquery 이미지 슬라이드  (0) 2014.12.25
jquery 타이머  (0) 2014.12.25