이름, 주민번호 입력 자바스크립트

위와 같은 폼에서 경우에 따라 여러가지 스크립트메서드를 사용해야한다.
예를 들면 아래와 같다.

1. 이름에는 한글만 입력되어야 한다!!(대한민국사이트니깐..^^;)

function hangul()
{
        if((event.keyCode < 12592) || (event.keyCode > 12687))
        {
                 alert('한글로 입력해 주세요');
                 event.returnValue = false
         }

}

이름 텍스트 창에 onkeypress="hangul();"을 사용해준다.
이제 이름(성명)란에는 한글만 입력받아진다.



2. 그렇다면 당연히 주민등록번호 칸에는 숫자만 입력 되어져야한다.

function isNum()
{
   var key = event.keyCode;
   var messageArea = document.getElementById("ssnMessage");
   if(!(key==8||key==9||key==13||key==46||key==144||(key>=48&&key<=57)        ||key==110||key==190))
     {
        alert('숫자만 입력 가능합니다');
        event.returnValue = false;
     }
}

위의 메서드를 작성하고 이름과 마찬가지로 onkeypress="isNum();" 를 사용하면 숫자가 아닌 영문 입력을 막을수 있다.
한글 입력까지 다 막기 위해서는 텍스트박스 속성에 style='ime-mode:disabled' 를 추가하면 된다.



3. 주민등록번호 입력칸에서 첨 6자리를 입력하면 자동으로 다음 주민등록번호 입력칸으로 이동시켜보자.

function next()
    {
        if(document.all.jumin1.value.length == 6)
        {
            document.all.jumin2.focus();
        }
    }

단순하다.
첫번째 입력란의 이름이 jumin1 이라 가정하고 거기의 값자리수가 6자리이면 다음 칸으로 포커스를 이동시켜주는 함수이다.
첫번째 주민번호입력란에 onkeyup="next();" 을 추가시켜주자.

어느정도 기본 스크립트는 완성이다.