1.分析：

1.问题场景:在写项目的时候遇到了这个问题自己觉得挺有意思的在这里我更大家分享一下

2.问题分析:对于我们中国公民的身份证号有十八位数字与数字的组合有不同的含义

注:身份证号码纯属描述问题所用(现编的)

这些数字代表了我们不同的信息这也和我们的业务有关系

2.页面设计：

1.提示：这里我们来用form表单拉储存,input输入框来输入信息

静态页面代码:

<form>
//身份证号
div class="layui-input-inline"><input id="cardId" name="cardId" autocomplete="off" class="layui-input" onBlur="fillInfo()"/></div>
//性别
<div class="layui-input-inline"><select id="sex" name="sex">                    </select>
</div>
//年龄
<div class="layui-input-inline"><input id="age" name="age" autocomplete="off" class="layui-input"
type="text"/>
</div>
//出生年月
<div class="layui-input-inline">
<input id="birthday" name="birthday" class="layui-input" autocomplete="off"
type="text"/>
</div>
</form>

页面展示:这样我们的静态页面就设计好了

3.js技术让我们的输入框回显数据：

1.算出性别:

这里应用 js parseInt() 函数和取余的小算法奇数为男,偶数为女

if(parseInt(userCard.substr(16,1)) % 2 == 1){sexAndAge.sex = '男'}else{sexAndAge.sex = '女'}

2.输出出生年月日

//出生年
var yearBirth = userCard.substring(6,10);
//出生月
var monthBirth = userCard.substring(10,12);
//出生日
var dayBirth = userCard.substring(12,14);

3.算出年龄

 //获取当前年月日并计算年龄var myDate = new Date();var monthNow = myDate.getMonth() + 1;var dayNow = myDate.getDay();var age = myDate.getFullYear() - yearBirth;if(monthNow < monthBirth || (monthNow == monthBirth && dayNow < dayBirth)){age--;}

4.页面展示结果：

预想结果:出生年月日:1997-02-02 性别:女 年龄:25 来看页面结果

结果: 与我们预期的一样

js技术输入框中输入身份证号自动带出年龄,生日,性别相关推荐

输入身份证号自动算出年龄,出生日期,性别
项目场景: 输入身份证号自动计算出年龄,出生日期,性别解决方案: 1.定义需要的属性 2.以下是相关代码 3.,然后我这里的代码绑定的事件是光标离开输入框触发,这个根据自己的需求更改就行注:可以用 ...
SM30里如何输入物料号自动带出物料描述
新建Table,根据输入的物料号,自动带出描述: SE80根据表生成器里面的函数组进去进行增强: 双击进行维护取数代码即可:
在Exce中输入身份证号或长串数字出错的原因
目录在Exce中输入身份证号或长串数字出错的原因原因是在输入身份证号前应先将单元格格式设置为文本格式,(一定要在输入前设置好) 第一步:在要输入的空白单元格处,点击右键选择"设置单元格 ...
输入身份证号和年份计算年龄
输入一个身份证号码(15位和18位)和一个年份,计算现在的年龄(忽略非法参数) eg:610618199001020065 2011 输出:21 代码: package 华为机试题; /*** @au ...
migo获取header sap_SAP Migo增强 105时通过提货单号自动带出批次和生产日期
SAP Migo增强 105时通过提货单号自动带出批次和生产日期实现功能1:在MVT103时录入提货单(送货单),自动查询类表是否存在送货单,如果不存在,提示录入错误. 实现功能2:在105时,根据 ...
只允许在数据框中输入身份证号的js函数
2019独角兽企业重金招聘Python工程师标准>>> 根据1999年7月1日推出的<中华人民共和国国家标准>(GB 11643-1999)中有关公民身份号码的规定,公民 ...
在JS中根据身份证号计算出生日期和年龄
1.根据身份证号计算出生日期 var identificationCardid=document.getElementById("identificationCardid").va ...
js从字符串中提取身份证号，连续18位数字
<!DOCTYPE html> <html> <head><title>提取身份证号</title><meta charset=&qu ...
在Excel2010中输入身份证号
在Excel2010中,只能输入15位有效数字,多余者后面续0.对18位身份证号码的输入可以采取下述方法之一: 1.数据区域设置为"文本"格式.2.首先输入一个英文单引号后再接着输 ...

js技术输入框中输入身份证号自动带出年龄,生日,性别

1.分析：

2.页面设计：

3.js技术让我们的输入框回显数据：

4.页面展示结果：

js技术输入框中输入身份证号自动带出年龄,生日,性别相关推荐

最新文章

热门文章