Vue中根据输入的身份证号识别年龄、性别

最新推荐文章于 2024-02-25 19:28:15 发布

cx&lavender

最新推荐文章于 2024-02-25 19:28:15 发布

阅读量3.3k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： vue+element 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/m0_57391092/article/details/121254078

在Vue项目中，实现根据用户输入的身份证号码自动识别并显示对应的年龄和性别的功能。通过编写正则表达式验证身份证号合法性，并提取出生年月进行年龄计算，同时根据身份证号的第17位判断性别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：根据用户输入的身份证号识别出年龄和性别，回显到相应的输入框中

分析：定义身份证号的正则表达式，利用字符串的方法截取出相关字符进行判断

示例：

<template>
<div class="box">
<!-- 根据身份证号生成性别，年龄 -->
    <div class="form_txt">根据身份证号生成性别、年龄</div>
    <el-form :model="form" label-width="80px">
      <el-row>
        <el-col :span="8">
          <el-form-item label="身份证号">
            <el-input
              v-model="form.identityCardNo"
              autocomplete="off"
              placeholder="请输入身份证号"
              maxlength="18"
              @input="inputChange"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="性别">
            <el-input v-model="form.sex"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="年龄">
            <