根據(jù)身份證號自動輸出相關(guān)信息(籍貫,出身日期,性別)
更新時間：2013年11月15日 11:47:16 投稿：mdxy-dxy
為了減少客戶的在頁面的輸入，做了這個效果，他可以根據(jù)用戶輸入的身份證號輸出籍貫、出身日期、性別的相關(guān)信息，需要的朋友可以參考下
html代碼：
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="base.js"></script>
<title>身份證相關(guān)</title>
</head>
<body>
身份證號碼:<input id="idcard" type="text" onkeyup="go()"></> </br>
管籍:<input id = "address" type="text" /></br>
出生年月:<input id='year' type="text" /></br>
性別:<input id='sex' type="text"/></br>
</body>
</html>
function go(){
var dataNum = mySite.cityData.length;
var id = document.getElementById("idcard").value;//612527197004235911
//判斷性別
var last = id[id.length-2];
if(last %2 != "0"){
document.getElementById("sex").value = '男'
}else{
document.getElementById("sex").value = '女'
}
//判斷出生日期
if(id.length==15){
var year = "19"+id.substring(6,8)+"-"+id.substring(8,10)+"-"+id.substring(10,12);
document.getElementById("year").value = year;
}
if(id.length==18){
var year = id.substring(6,10)+"-"+id.substring(10,12)+"-"+id.substring(12,14);
document.getElementById("year").value = year;
}
//判斷籍貫
for (var i = 0; i < dataNum; i++) {
if(id.substring(0,6)==mySite.cityData[i].code){
document.getElementById("address").value = mySite.cityData[i].title
}
}
}
[/code]
相關(guān)文章
之前做項目的時候在實現(xiàn)表單中file類型input選擇多圖片時有很多種實現(xiàn)方法，今天小編給大家分享基于php實現(xiàn)一種多文件上傳的方法，需要的朋友參考下吧2017-09-09
JS實現(xiàn)數(shù)組去重方法總結(jié)(六種方法)
這篇文章給大家總結(jié)下JS實現(xiàn)數(shù)組去重方法(六種方法)，面試中也經(jīng)常會遇到這個問題。文中給大家引申的還有合并數(shù)組并去重的方法，感興趣的朋友跟隨腳本之家小編一起學習吧2017-07-07
JS封裝的自動創(chuàng)建表格的實現(xiàn)代碼
這篇文章主要介紹了JS封裝的自動創(chuàng)建表格的實現(xiàn)代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要為大家詳細介紹了微信小程序自定義時間段picker選擇器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
微信小程序?qū)崿F(xiàn)點餐小程序左側(cè)滑動菜單
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)點餐小程序左側(cè)滑動菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
Echarts通過dataset數(shù)據(jù)集實現(xiàn)創(chuàng)建單軸散點圖
這篇文章主要為大家詳細介紹了Echarts如何通過dataset數(shù)據(jù)集實現(xiàn)創(chuàng)建單軸散點圖，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起學習一下2023-02-02
js運動框架_包括圖片的淡入淡出效果，需要的朋友可以參考一下2013-05-05
這篇文章主要介紹了在element-ui的select下拉框加上滾動加載，本文以以element-ui中的select為例，給大家介紹的非常詳細,需要的朋友可以參考下2019-04-04
這篇文章主要介紹了JS數(shù)組方法reduce的用法,結(jié)合實例形式詳細分析了JS數(shù)組方法reduce的基本功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細介紹了js?canvas實現(xiàn)飛機大戰(zhàn)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05