有这样的需求,form表单里面有两个输入框,分别是身份证和出生日期,如下:
<form action="" method="post">
身份证:<input type="text" name="idCart" id="idCart" value="" />
出生日期:<input type="date" name="birth" id="birth" value="" />
</form>
当用户填写完身份证后,身份证中有出生日期,所以用js函数,根据身份证把自动把出生日期补充完整,不需要用户填写出生日期了。
该怎么做呢?
当用户填写完整身份证时,会触发input的onchange事件,我们在这个事件函数里面,进行相关的操作就可以了。
代码如下:
<form action="" method="post">
身份证:<input type="text" name="idCart" id="idCart" value="" onchange="aa()" />
出生日期:<input type="date" name="birth" id="birth" value="" />
</form>
<script>
function aa(){
//获取输入身份证号码
var UUserCard = $("#idCart").val()
//获取出生日期
var time = UUserCard.substring(6, 10) + "-" + UUserCard.substring(10, 12) + "-" + UUserCard.substring(12, 14);
$("#birth").val(time);
}
</script>