jQuery實(shí)現(xiàn)從身份證號中獲取出生日期和性別的方法分析
本文實(shí)例分析了jQuery實(shí)現(xiàn)從身份證號中獲取出生日期和性別的方法。分享給大家供大家參考,具體如下:
一、前言:
今天,在做移動端的項(xiàng)目中,按照設(shè)計稿的要求,是可以讓用戶自己輸入出生日期的,我還很認(rèn)真的用了剛剛知道的html5表單的日期類型,本想著終于不用日期插件就可以實(shí)現(xiàn)用戶選擇自己的出生日期了,可結(jié)果老大說,把這個表單去掉,要做成從身份證號里邊讀取用戶的出生日期。好吧,高興了一半,結(jié)果...。唉,沒辦法,只能按照領(lǐng)導(dǎo)的要求來做啊,于是就有了下邊的從身份證號中獲取出生日期和性別的代碼。
二、實(shí)現(xiàn)代碼:
<!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 ? "男" : "女"; 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>
另一種從身份證號中獲取性別的代碼:
<!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>
另外,本站在線工具小程序上也有一款功能更加強(qiáng)大的身份證信息獲取工具,感興趣的朋友可以掃描如下小程序碼查看:
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
- jquery正則表達(dá)式驗(yàn)證(手機(jī)號、身份證號、中文名稱)
- jquery validation驗(yàn)證身份證號,護(hù)照,電話號碼,email(實(shí)例代碼)
- jquery插件validation實(shí)現(xiàn)驗(yàn)證身份證號等
- jQuery如何用正則表達(dá)式驗(yàn)證手機(jī)號、身份證號、中文名稱
- jquery 校驗(yàn)中國身份證號碼實(shí)例詳解
- jQuery驗(yàn)證手機(jī)號郵箱身份證的正則表達(dá)式(含港澳臺)
- jquery表單驗(yàn)證框架提供的身份證驗(yàn)證方法(示例代碼)
- jQuery使用正則驗(yàn)證15/18身份證的方法示例
- jQuery實(shí)現(xiàn)根據(jù)身份證號獲取生日、年齡、性別等信息的方法
相關(guān)文章
PHP+MySQL+jQuery隨意拖動層并即時保存拖動位置實(shí)例講解
這篇文章主要介紹了PHP+MySQL+jQuery隨意拖動層并即時保存拖動位置的實(shí)現(xiàn)方法,感興趣的小伙伴們可以參考一下2015-10-10JQuery頁面的表格數(shù)據(jù)的增加與分頁的實(shí)現(xiàn)
使用JQuery實(shí)現(xiàn)頁面的表格數(shù)據(jù)的增加與分頁,具體示例如下,喜歡的朋友可以參考下2013-12-12jquery、js調(diào)用iframe父窗口與子窗口元素的方法整理
本節(jié)主要介紹了jquery、js調(diào)用iframe父窗口與子窗口元素的方法,需要的朋友可以參考下2014-07-07jQuery使用正則表達(dá)式限制文本框只能輸入數(shù)字
本文主要介紹jQuery中使用正則表達(dá)式限制文本框只能輸入數(shù)字的功能,希望能幫到大家,有需要的朋友可以參考一下。2016-06-06jQuery刪除節(jié)點(diǎn)用法示例(remove方法)
這篇文章主要介紹了jQuery刪除節(jié)點(diǎn)的方法,結(jié)合實(shí)例形式分析了remove方法進(jìn)行頁面元素刪除的相關(guān)使用技巧,需要的朋友可以參考下2016-09-09