본문 바로가기
퍼블리셔(프론트)/js

모든 브라우저에서 input값에 숫자만 허용

by 장김치 2016. 11. 23.

[모든 브라우저에서 input값에 숫자만 허용]



익스플로러와 크롬 등 모든 브라우저에서 input값에 숫자만 입력받도록 할 경우(연락처, 생년월일 등) 다음과 같은 코드를 사용한다. 


<input type='text' onkeydown="return showKeyCode(event)"/>


<script>

    function showKeyCode(event) {

        event = event || window.event;

        var keyID = (event.which) ? event.which : event.keyCode;

        if( ( keyID >=48 && keyID <= 57 ) || ( keyID >=96 && keyID <= 105 ) )

        {

            return;

        }

        else

        {

            return false;

        }

    }

</script>



[tip] 모바일에서는 굳이 javascript를 적용하지 않아도 된다. input type=tel 로 하면 된다^^