관리 메뉴

드럼치는 프로그래머

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

★─Programing/☆─WebProgram

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

드럼치는한동이 2016. 7. 20. 17:27
    /* 숫자만 입력받기 */
    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

 

Comments