집 >웹 프론트엔드 >JS 튜토리얼 >ID 번호_jquery에서 생년월일과 성별을 가져오는 jQuery의 방법 분석

ID 번호_jquery에서 생년월일과 성별을 가져오는 jQuery의 방법 분석

WBOY원래의: 2016-05-16 15:13:501303검색

이 기사에서는 ID 번호에서 생년월일과 성별을 가져오는 jQuery 방법을 분석합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

1. 서문:

오늘 모바일 프로젝트에서는 디자인 초안의 요구 사항에 따라 사용자가 자신의 생년월일을 입력할 수 있습니다. 또한 방금 배웠던 HTML5 형식의 날짜 유형을 진지하게 사용했습니다. 결국 날짜를 사용하세요. 플러그인에서는 사용자가 생년월일을 선택할 수 있지만 상사는 이 양식을 제거하고 ID 번호에서 사용자의 생년월일을 읽어야 한다고 말했습니다. 뭐 반은 기쁘지만 결과는... 아쉽게도 리더의 요청에 따라 할 수밖에 없어서, ID번호에서 생년월일과 성별을 알아내는 코드는 아래와 같습니다.

2. 구현 코드:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery.min.js"></script>
</head>
<body> 
<input type="tel" id="js_Idcard">
<span id="js_birthday"></span>
<script>
  $(function(){
    function GetBirthdatByIdNo(iIdNo){
      var tmpStr = "";
      var birthday = $("#js_birthday");
      iIdNo = $.trim(iIdNo);
      if(iIdNo.length == 15){
        tmpStr = iIdNo.substring(6, 12);
        tmpStr = "19" + tmpStr;
        tmpStr = tmpStr.substring(0, 4) + "-" + tmpStr.substring(4, 6) + "-" + tmpStr.substring(6);
        sexStr = parseInt(iIdNo.substring(14, 1),10) % 2 &#63; "男" : "女";
        birthday.text(sexStr + tmpStr);
      }else{
        tmpStr = iIdNo.substring(6, 14);
        tmpStr = tmpStr.substring(0, 4) + "-" + tmpStr.substring(4, 6) + "-" + tmpStr.substring(6);
        sexStr = parseInt(iIdNo.substring(17, 1),10) % 2 &#63; "男" : "女";
        birthday.text(sexStr + tmpStr);
      }
    }
  $("#js_Idcard").blur(function(){
    GetBirthdatByIdNo($(this).val());
  });
});   
</script>
</body>
</html>

ID 번호에서 성별을 가져오는 또 다른 코드:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery.min.js"></script>
</head>
<body> 
<input type="tel" id="js_Idcard">
<span id="js_birthday"></span>
<script>
  $(function(){
    function go(){
     var id = $("#js_Idcard").val();
     var last = id[id.length - 2];
     if(last % 2 != 0){
       $("#js_birthday").text("男");
     }else{
       $("#js_birthday").text("女");
     }
   }
   $("#js_Idcard").blur(function(){
    go();
   });
});
</script>
</body>
</html>

더 많은 jQuery 관련 콘텐츠에 관심이 있는 독자는 이 사이트에서 "JQuery 드래그 효과 및 기술 요약", "jQuery 확장 기술 요약"과 같은 특별 주제를 확인할 수 있습니다. , "JQuery 일반 클래식 특수 효과 요약", "jQuery 애니메이션 및 특수 효과 사용 요약" 및 "jquery 선택기 사용 요약"

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

성명：

이전 기사：JavaScript 디자인 패턴 클래식 팩토리 패턴_javascript 기술다음 기사：JavaScript 디자인 패턴 클래식 팩토리 패턴_javascript 기술

ID 번호_jquery에서 생년월일과 성별을 가져오는 jQuery의 방법 분석

관련 기사