웹마스터 팁


위의 그림과 같이 주민번호로 나이 / 성별 / 연령대를 구분하는 스크립트입니다.
예를 들자면 ) 20세의 성인 / 남성 or 10세의 아동 / 남성 이런 식이지요,

참고로 주민번호 자체를 VALIDATION 하는 부분과 숫자-문자 구분 같은 것은 뺐습니다.
※ 유아는 24개월까지, 아동은 25개월~ 12세까지, 13세 이상은 성인으로 구분합니다. (전세계 항공사, 호텔 분류기준)
__ 여기에서 Teenager를 구분하려면 또 또 연령대를 구분해서 쪼개주면 되겠지요.

-------------------------------아래-----------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 주민등록번호로 구분하기 </TITLE>
 </HEAD>

 <BODY>
  <!--입력한 주민번호로 나이와 성별을 알아보는 스크립트 시작-->
<SCRIPT language="JavaScript">
<!--주민번호 스크립트 끝-->
Now = new Date();    //현재 연도를 구함
NowYear = Now.getFullYear(); //나이를 구하는 함수 시작
function getAge()    
{        
var jfm = document.jumin_form // 폼 이름이 길어서 변수로 replace함
var j1=jfm.jumin1.value; //앞 6자리에 입력한 값을 j1 에 대입
var j2=jfm.jumin2.value; //뒤 7자리에 입력한 값을 j2 에 대입
var n1=j1.substr(0,2);      //앞 6자리에 입력한 값중 앞에서 두글자를 n1 에 대입
var n2=j2.substr(0,1);      //뒤 7자리에 입력한 값중 맨앞의 글자를 n2 에 대입( 1~4)
 if((n2==1)||(n2==2)){     //뒤 첫째값이 1, 2일 경우(1900년대에 출생한 남녀)
 jfm.age.value=(NowYear-(1900 + Number(n1)));
 }
 if ((n2==3)||(n2==4)){     //뒤 첫째값이 3, 4일 경우
 jfm.age.value=(NowYear-(2000 + Number(n1)));
 }
 if ((n2==1)||(n2==3)){     //뒤 7자리에 입력한 값중 맨앞의 수가 1이나 2일 경우(남자)
 jfm.sex.value="남성";
 }
 if ((n2==2)||(n2==4)){     //뒤 7자리에 입력한 값중 맨앞의 수가 3이나 4일 경우(여자)
 jfm.sex.value="여성";
 }
 if (document.jumin_form.age.value <=  2 ){     // 유아 24개월까지
 jfm.age_class.value="유아";
 }
 if (jfm.age.value >  2 || jfm.age.value <=  12 ){     // 아동
 jfm.age_class.value="아동";
 }
 if (jfm.age.value >  12 ){     // 성인-12세 이상
 jfm.age_class.value="성인";
 }
}
//-->
</script>
<!--입력한 주민번호로 나이와 성별을 알아보는 스크립트 끝-->
<!--아래와 같이 폼 태그를 구성하세요-->
<form method="get" name="jumin_form">
주민등록번호 입력:
<input type="text" maxlength="6" name="jumin1" size="7">-
<input type="text" maxlength="7" name="jumin2" size="8">
<input name="send" type="button" value="나이 알아보기" onClick="getAge()"><br>
<HR>
당신은 <input type="text" name="age" value="" size="3">살의
<input type="text" name="sex" value="" size="3">
<input type="text" name="age_class" value="" size="3"> 입니다.
</form>
<!--폼구성 설정 끝-->
</BODY>
</HTML>
-------------------------------여기까지-----------------------------

제목 글쓴이 날짜
플레쉬 마우스 오버하면└---┘ 이런식으로 나오는 것 자바스크립트로 제어하기 Sena㏇ 2007.02.24
비밀번호 입력해야 해당 페이지 보이기 [3] 이명우 2007.02.28
Light box 이용하기.. [10] 이진수 2007.03.12
자바스크립 동영상 플레이어 2 (네이버 발췌) [4] 이진수 2007.03.28
간단한 검색 창입니다. [3] sunholic 2007.03.31
웬 소리가????(하이퍼링크 효과음) [7] 김민환 2007.04.08
스크립트 객체로 AJAX 구현하기 [12] nextini 2007.08.20
링크 클릭시 점선 → 링크, 이미지, form 태그 동시 적용 [2] 펠릭스 2007.11.28
배열 활용하기(초급) 예뜨락 2007.12.03
프린트소스 인데요.. [1] 이영훈346 2007.12.12
간단한 Ajax 메모 [1] file 엔시™ 2007.12.31
주민등록번호로 성별/나이/연령대 구분 [4] file 강병기 2008.01.09
Javascript 달력 - 거트 캘린더 [4] file 강세임 2008.01.10
자신의 홈피에 날씨를 달아보자. [2] Rising.kr 2008.01.21
자신의 홈피에 통합 검색 순위 (검색어, 음악, 영화, 도서)를 달아보자. [1] Rising.kr 2008.01.21
자신의 홈페이지에 (검색,사전,로또,주식) 통합버전을 넣어보자. [3] Rising.kr 2008.01.21
동적 테이블 (행추가, 특정행 삭제) Juny. 2008.02.20
동적 INPUT june44.myid.net/ 2008.03.31
프레임홈일때 부분프레임 무단링크 방지하기 [3] gosoo99 2008.04.08
웹페이지에 마우스 따라다니는 예쁜 시계를 넣자 [5] gosoo99 2008.04.08