vue element-ui 通过身份证获取年龄,出生日期

页面代码:

<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
    <el-form-item label="儿童身份证" prop="idcard">
      <el-input v-model="form.idcard" placeholder="请输入儿童身份证" style="width: 220px;"/>
    </el-form-item>
</el-dialog>
      // 表单校验
      rules: {

        idcard: [{ required: true, message: '身份证号不能为空', trigger: 'blur' },
          { validator: this.validID, trigger: 'blur' }
        ]
      }

method代码:

// 身份证验证
    async validID(rule,value,callback)
    {
      // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X
      let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
      if (reg.test(value)) {
        await this.go(value.length);
        callback()
      } else {
        callback(new Error('身份证号码不正确'))
      }
    },

    // 实现自动生成生日,性别,年龄
    go(val) {
      let iden = this.form.idcard;
      let sex = null;
      let birth = null;
      let myDate = new Date();
      let month = myDate.getMonth() + 1;
      let day = myDate.getDate();
      let age = 0;

      if(val===18){
        age = myDate.getFullYear() - iden.substring(6, 10) - 1;
        sex = iden.substring(16,17);
        birth = iden.substring(6,10)+"-"+iden.substring(10,12)+"-"+iden.substring(12,14);
        if (iden.substring(10, 12) < month || iden.substring(10, 12) == month && iden.substring(12, 14) <= day) age++;

      }
      if(val===15){
        age = myDate.getFullYear() - iden.substring(6, 8) - 1901;
        sex = iden.substring(13,14);
        birth = "19"+iden.substring(6,8)+"-"+iden.substring(8,10)+"-"+iden.substring(10,12);
        if (iden.substring(8, 10) < month || iden.substring(8, 10) == month && iden.substring(10, 12) <= day) age++;
      }

      if(sex%2 === 0)
        sex = '0';
      else
        sex = '1';
      //性别  ==> 1:男       0:女
      // this.form.sex = sex;
      this.form.age = age;
      this.form.birthdate = birth;
    },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值