jQuery插件實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)菜單效果
683
2024-03-19
本文實(shí)例分析了jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法。分享給大家供大家參考，具體如下：
一、前言：
今天，在做移動(dòng)端的項(xiàng)目中，按照設(shè)計(jì)稿的要求，是可以讓用戶(hù)自己輸入出生日期的，我還很認(rèn)真的用了剛剛知道的html5表單的日期類(lèi)型，本想著終于不用日期插件就可以實(shí)現(xiàn)用戶(hù)選擇自己的出生日期了，可結(jié)果老大說(shuō)，把這個(gè)表單去掉，要做成從身份證號(hào)里邊讀取用戶(hù)的出生日期。好吧，高興了一半，結(jié)果...。唉，沒(méi)辦法，只能按照領(lǐng)導(dǎo)的要求來(lái)做啊，于是就有了下邊的從身份證號(hào)中獲取出生日期和性別的代碼。
二、實(shí)現(xiàn)代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://www.gimoo.net/t/1903/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 ? "男" : "女";
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 ? "男" : "女";
birthday.text(sexStr + tmpStr);
}
}
$("#js_Idcard").blur(function(){
GetBirthdatByIdNo($(this).val());
});
});
</script>
</body>
</html>
另一種從身份證號(hào)中獲取性別的代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://www.gimoo.net/t/1903/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>
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫(huà)與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
