页面交互就是用户输完身份证,自动渲染性别和出生日期,减少用户 的琐碎操作,提升用户体验感。
js代码:
getIdInfo(cardNo) {
var reg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/; //验证身份证号码的正则
if(reg.test(cardNo)){ // 身份证号码是否合法
var birthday = "";
var gender = "";
if (cardNo.length == 15) {
var org_birthday = cardNo.substring(6, 12);
var org_gender = cardNo.substring(14, 15);
birthday = "19" + org_birthday.substring(0, 2) + "-"
+ org_birthday.substring(2, 4) + "-"
+ org_birthday.substring(4, 6);
gender = org_gender % 2 == 1 ? "male" : "female";
} else if (cardNo.length == 18) {
var org_birthday = cardNo.substring(6, 14);
var org_gender = cardNo.substring(16, 17);
birthday = org_birthday.substring(0, 4) + "-"
+ org_birthday.substring(4, 6) + "-"
+ org_birthday.substring(6, 8);
gender = org_gender % 2 == 1 ? "male" : "female";
}
this.$set(this.addForm,'rp0303',gender==='male'?'1':'2') // 转化成number渲染
this.$set(this.addForm,'rp0304',birthday)
}else{
return false;
}
},