Author Archives: heewoo

 
 /* 숫자만 입력받기 */
    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;"/>

 


<script type="text/javascript">

//아이디 입력시 한글, 특수문자 체크
function h_check(Objectname) {
 var intErr
 var strValue = Objectname
 var retCode = 0
 var re = /[~!@\#$%<>^&*\()\-=+_\']/gi; //특수문자 정규식 변수 선언
 
 for (i = 0; i < strValue.length; i++) {
  var retCode = strValue.charCodeAt(i)
  var retChar = strValue.substr(i,1).toUpperCase()
  retCode = parseInt(retCode)
 
  //입력받은 값중에 한글이 있으면 에러
  if ( (retChar < "0" || retChar > "9") && (retChar < "A" || retChar > "Z") && ((retCode > 255) || (retCode < 0)) ) {
   intErr = -1;
   break;
  //입력받은 값중에 특수문자가 있으면 에러
  } else if(re.test(strValue)) {
   intErr = -1;
   break;
  }
 }
 return (intErr);
}

</script>

/정규식/.test(문자열)

정규식은 /와 / 사이에 쓴다. 아래처럼 말이다.

str = "test한글";
check = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;
if(check.test(str)) alert!("한글이 있습니다.");

위 코드는 앞서 출처라고 적은 곳에 있던 코드다. 문자열에 한글이 포함돼있는지 체크하는 코드를 애타게 찾고 있었는데 큰 도움을 받았다. 이렇게 간단한 메서드가 있었다니 말이다.

핵심은

/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/

이거다. 이게 정규식(정규식 종류는 모르겠다.)에서 모든 한글을 표현하는 것이다. 알아 두면 좋을 것이다. 분석해 보면 의외로 간단하다. |는 ‘또는’을 의미하는 것이다. []는 안에 있는 놈들을 묶어 주는 역할을 한다. – 는 당연히 어디부터 어디까지를 의미한다.

그래서, ㄱ부터 ㅎ이나 ㅏ부터 ㅣ, 가부터 힣 사이에 있는 놈들이 있냐? 하고 묻는 거다.

이해를 직관적으로 돕기 위해 날코딩을 해 보자.

alert( /a/.test("aaa") );

이렇게 쓰면 얼럿 창에 true가 뜬다.

당연히 W3C Schools의 설명을 참고하면 도움이 된다 :

http://www.w3schools.com/jsref/jsref_regexp_test.asp