cari

Rumah >hujung hadapan web >tutorial js >Analisis kaedah jQuery untuk mendapatkan tarikh lahir dan jantina daripada ID number_jquery

Analisis kaedah jQuery untuk mendapatkan tarikh lahir dan jantina daripada ID number_jquery

WBOY
WBOYasal
2016-05-16 15:13:501287semak imbas

Artikel ini menganalisis kaedah jQuery untuk mendapatkan tarikh lahir dan jantina daripada nombor ID. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

1. Kata Pengantar:

Hari ini, dalam projek mudah alih, mengikut keperluan draf reka bentuk, pengguna boleh memasukkan tarikh lahir mereka sendiri. Saya juga serius menggunakan jenis tarikh borang html5 yang saya fikir tidak akan gunakan tarikh selepas semua. Pemalam membenarkan pengguna memilih tarikh lahir mereka, tetapi bos berkata bahawa borang ini harus dialih keluar dan tarikh lahir pengguna harus dibaca daripada nombor ID. Nah, separuh gembira, hasilnya adalah ... Malangnya, saya tidak mempunyai pilihan selain melakukan mengikut permintaan ketua, jadi saya mempunyai kod di bawah untuk mendapatkan tarikh lahir dan jantina dari nombor ID.

2. Kod pelaksanaan: 

<!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>

Kod lain untuk mendapatkan jantina daripada nombor 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>

Pembaca yang berminat dengan lebih banyak kandungan berkaitan jQuery boleh menyemak topik khas di tapak ini: "Kesan seret JQuery dan ringkasan kemahiran", "ringkasan kemahiran sambungan jQuery" , "Ringkasan kesan khas klasik biasa JQuery", "ringkasan penggunaan jQuery dan kesan khas penggunaan" dan "ringkasan penggunaan pemilih jquery"

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Corak reka bentuk JavaScript corak kilang klasik_kemahiran javascriptArtikel seterusnya：Corak reka bentuk JavaScript corak kilang klasik_kemahiran javascript

Artikel berkaitan

Lihat lagi