[JavaScript] 한글 및 영문 입력방지 input 만들기

 

 

    /* 숫자만 입력받기 */

    function fn_press(event, type) {

        if(type == "numbers") {

            if(event.keyCode < 48 || event.keyCode > 57) return false;

            //onKeyDown일 경우 좌, 우, tab, backspace, delete키 허용 정의 필요

        }

    }

    /* 한글입력 방지 */

    function fn_press_han(obj)

    {

        //좌우 방향키, 백스페이스, 딜리트, 탭키에 대한 예외

        if(event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 || event.keyCode == 39

        || event.keyCode == 46 ) return;

        //obj.value = obj.value.replace(/[\a-zㄱ-ㅎㅏ-ㅣ가-힣]/g, '');

        obj.value = obj.value.replace(/[\ㄱ-ㅎㅏ-ㅣ가-힣]/g, '');

    }

 

 

<!-- 이렇게 하면 숫자만 입력됨 //전화번호 이런거 입력할 input 만들 때 -->

<input type="text" maxlength="3" onkeypress="return fn_press(event, 'numbers');" onkeydown="fn_press_han(this);" style="ime-mode:disabled;"/>

 

 

<!-- 이렇게 하면 영문만(숫자포함) 입력됨 //이메일 아이디 같은거 입력을 만들 때 -->

<input type="text" onkeydown="fn_press_han(this);" style="ime-mode:disabled;"/>

 

[출처] http://lovemeplz.tistory.com/153