1.原生Js提取代码
<!DOCTYPE html>
<html>
<head>
<title>原生js提取</title>
<script type="text/javascript">
function YanZheng(card){
var pat = /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/;
var i = 1;
if(!pat.test(card)){
i = 0;
}
return i ;
}
function getBirthday(){
var card = document.getElementById("card").value;
var i =YanZheng(card);
if(i == 0){
alert("身份证号码不规范!")
}else{
var year = card.substr(6,4);
var mouth = card.substr(10,2);
var day = card.substr(12,2);
var birthday = year+"-"+mouth+"-"+day;
document.getElementById("birthday").value = birthday;
}
}
function getSex(){
var card = document.getElementById("card").value;
var i =YanZheng(card);
if(i == 0){
alert("身份证号码不规范!")
}else{
var sex = card.substr(17,1);
if(sex%2 == 0){
document.getElementById("sex").value = "女";
}else{
document.getElementById("sex").value = "男";
}
}
}
</script>
</head>
<body>
请输入身份证号码:<input type="text" name="card" id="card" ><br>
出生日期:<input type="text" name="birthday" id="birthday" onclick="getBirthday()" readonly="readonly"><br>
性别:<input type="text" name="sex" id="sex" onclick="getSex()" readonly="readonly">
</body>
</html>
2.jquery提取代码
需引入js插件
下载地址:链接:https://pan.baidu.com/s/18_OuxUwhZEno1V0ft9QHDA
提取码:4zp9
<!DOCTYPE html>
<html>
<head>
<title>Jquery提取生日和性别</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#birthday").click(function(){
var pat = /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/;
var card = $("#card").val();
if(!pat.test(card)){
alert("身份证号码不规范!")
}else{
var year = card.substr(6,4);
var mouth = card.substr(10,2);
var day = card.substr(12,2);
var birthday = year+"-"+mouth+"-"+day;
$("#birthday").val(birthday);
}
})
$("#sex").click(function(){
var pat = /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/;
var card = $("#card").val();
if(!pat.test(card)){
alert("身份证号码不规范!")
}else{
var sex = card.substr(17,1);
if(sex%2 == 0){
$("#sex").val("女");
}else{
$("#sex").val("男");
}
}
})
})
</script>
</head>
<body>
请输入身份证号码:<input type="text" name="card" id="card" ><br>
出生日期:<input type="text" name="birthday" id="birthday" readonly="readonly"><br>
性别:<input type="text" name="sex" id="sex" readonly="readonly">
</body>
</html>