WEB개발

자바스크립트 숫자체크하기

스쿠터로세계일주 2009. 12. 14. 15:47

주민등록번호나 우편번호, 전화번호 등등....인풋값을 체크해야 할 경우는 아주 많다. 그중에서 숫자는 특히나 많다.

여러 가지 숫자를 체크하는 방법이 있지만 요즘 사용하는 정규식을 이용한 방법이 상당히 편한듯 해서 정리해둔다.

 

   function checknum(chk_no){

    var pattern = /^[0-9]+$/;       //숫자패턴을 정해줌
    var chk = document.frm.No1.value;

    if(!pattern.test(chk))             //만약 값이 숫자가 아니면~
    {
     alert("숫자만 입력할 수 있습니다!");
     document.frm.No1.value = "";
     document.frm.No1.focus(); 
     return;
    }

 

    if(pattern.test(chk) && document.frm.Coupon_No.value.length==7)  //숫자이면서 자릿수가 7자리면
    {
     document.frm.No2.focus();  다음 입력칸으로 포커스이동!
    }

   }

 

이런식으로 간단하게 숫자를 체크하고 일정자릿수가 되면 다음 지정한 곳으로 포커스를 이동시킬 수 있다.

주민등록번호의 경우 자주 이용한다.

 

참고로 포커스 이동의 경우에는 인풋타입들이나 버튼은 되지만 이미지로는 되지 않는다. 따라서 이미지를 이용해서 버튼으로 사용하는 경우에는 포커스 이동이 안되니 참조하기 바란다...난 안되지만...분명히 할 수 있는 사람이 있을께야...ㅠ_ㅜ;;;