본문 바로가기

Study/Javascript

[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;"/>