vue 身份证校验、识别性别/生日/年龄

vue 身份证格式校验_chen_ai_tao的博客-CSDN博客_vue 身份证校验

Vue中根据输入的身份证号识别年龄、性别_cx&lavender的博客-CSDN博客_vue中根据省份证获取年龄和性别

表单项绑定@input 事件

 <el-form ref="personForm" :rules="personRules" :model="person" label-width="1.25rem"><el-form-item label="身份证号" prop="cardNo"><el-input v-model="person.cardNo" @input="inputChange"></el-input></el-form-item><el-form-item label="性别" prop="gender"><el-select disabled v-model="person.gender" placeholder="请选择性别"><el-option v-for="(item, index) in genderList" :key="index"         :label="item.label" :value="item.value"></el-option></el-select></el-form-item><el-form-item label="出生日期" prop="birthday"><el-date-picker disabled type="date" placeholder="请选择出生日期" v- model="person.birthday" value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker></el-form-item>
</el-form>

定义身份证校验规则

 data() {const isCnNewID = (rule, value, callback) => {var arrExp = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];//加权因子var arrValid = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2];//校验码if (/^\d{17}\d|x$/i.test(value)) {var sum = 0, idx;for (var i = 0; i < value.length - 1; i++) {// 对前17位数字与权值乘积求和sum += parseInt(value.substr(i, 1), 10) * arrExp[i];}// 计算模（固定算法）idx = sum % 11;// 检验第18为是否与校验码相等if (arrValid[idx] == value.substr(17, 1).toUpperCase()) {callback()} else {this.person.gender = ''this.person.birthday = ''callback("身份证格式有误")}} else {this.person.gender = ''this.person.birthday = ''callback("身份证格式有误")}}return {personRules: {//身份证校验规则cardNo: [{ required: true, message: "请输入身份证号", trigger: "blur" },{    //调用定义的方法校验格式是否正确validator: isCnNewID, trigger: "blur"}],
}}
}

识别性别、出生日期

methods: {// 身份证识别性别出生日期inputChange() {const reg =/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;if (reg.test(this.person.cardNo)) {var org_birthday = this.person.cardNo.substring(6, 14);var org_gender = this.person.cardNo.substring(16, 17);var sex = org_gender % 2 == 1 ? "男" : "女";var birthday =org_birthday.substring(0, 4) +"-" +org_birthday.substring(4, 6) +"-" +org_birthday.substring(6, 8);var birthdays = new Date(birthday.replace(/-/g, "-"));this.person.gender = sex;this.person.birthday = birthdays;} else {return false;}},
}

vue 身份证校验、识别性别/生日/年龄相关推荐

mysql_根据身份证号识别性别、年龄、所在省份
1.性别: IF(mod(SUBSTR(c.reciver_idcard_num,17,1),2),'man','woman') 性别, 2. 年龄: CASE WHEN c.reciver_idca ...
js脚本根据身份证号获取性别、年龄、家庭地址、生日
做项目测试时需要根据身份证号获取其信息,也不想调接口,就自己在本地通过收集资料整合了一个当身份证号的焦点失去选中后,根据身份证号获取性别.年龄.家庭地址.生日直接上代码: index.html & ...
通过身份证号码得出性别和年龄
//通过身份证号码得出性别和年龄 export const analyzeIDCard = function(IDCard) {var sexAndAge = {};//获取用户身份证号码var us ...
mysql根据身份证号查性别、年龄以及出生日期
mysql根据身份证号查性别.年龄以及出生日期博客里面还有对应的java工具类:芜湖,起飞这个身份证号也就只针对大陆身份证号 SELECT p.id,-- 这是根据身份证号求年龄 (YEAR(NO ...
【计算机视觉40例】案例40：识别性别与年龄
[导读]本文是专栏<计算机视觉40例简介>的第40个案例<识别性别与年龄>.该专栏简要介绍李立宗主编<计算机视觉40例--从入门到深度学习(OpenCV-Python)& ...
用java根据身份证号提取性别和年龄
在 Java 中,可以使用以下步骤来提取身份证号中的性别和年龄信息: 使用正则表达式验证身份证号的格式是否正确. 如果身份证号的格式正确,则可以使用截取字符串的方法来提取出生日期信息.身份证号中的出生 ...
java代码实现根据身份证号获取性别，年龄
根据身份证号获取性别,年龄 // 根据身份编号获取性别public static String getGenderByIdCard(String idCard) {String sGender = & ...
根据身份证号判断性别、年龄、生日
根据身份证号判断证件持有人的性别.年龄.生日.废话不多说,直接上代码. public class IdentifyCard {private static final Integer[] ODD_NU ...
vue 根据身份证号获取性别，年龄，出生年月
获取性别,年龄,出生年月 getInfo(idCard) {let sex = null;let birth = null;let myDate = new Date();let month = my ...

vue 身份证校验、识别性别/生日/年龄

vue 身份证校验、识别性别/生日/年龄相关推荐

最新文章

热门文章