输入证件号码,生日自动回填

做项目的时候,相信大家都会遇到输入证件号码,生日自动回填那么一个效果,所以给大家分享一下我的操作:

一开始我是证件号码和会员生日两个输入框都进行输入的,但是后来觉得证件号码里面有出生年月日,就不能这样做,所以我就先输入证件号码,再来一个会员生日输入框自动回填,这样也省了一遍操作了,我们来看一下代码:
在这里插入图片描述

在证件号码的输入框给它一个onblur失去焦点事件,先获取证件号码输入的值,正常的身份证号码是18位,所以比如前6位(地方号)和后4位是我们不需要的,所以用substring方法,用于提取字符串中介于两个指定下标之间的字符。也就是需要保留的位置。所以我们首先去掉后4位,然后去掉前6位,也就是从第6位开始保留。为什么要写第6位,而不是第7位,我们要的是第6位后面的字符串,所以开始保留的地方不包括第6位。
在这里插入图片描述

拿到我们需要的字符串之后(19961119),最后保留8位也就是证件号码的年月日这么一个字符串,我们继续进行提取数据,将8位数字提取出三个字符串“1996”,”11”,”19” ,传过控制器进行拼接。
在这里插入图片描述

因为接收到的是字符串,所以将它们转换为整型。用一个横杠进行拼接,然后返回。这样子就有一个自动回填的效果。

上面就是具体的操作,希望对你们有用,如果哪里分析不够恰当或者不清晰的地方请海涵,还可以在评论下面进行点评和指正~

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值