vue表单验证填写判断身份证自动写入年龄性别和出生年月日
判断身份证
我用的是表单验证
在你验证的下方写入就跟我这样差不多这是一个正则表达式
const rules = reactive<FormRules>({name: [{ required: true, message: '请输入名字', trigger: 'blur' }],id_card: [{required: true,message: '请输入身份证号码',trigger: 'change',},{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的身份证格式不正确' },],tele: [{required: true,message: '请输入手机号',trigger: 'change',},{pattern:/^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[3-8]{1})|(18[0-9]{1})|(19[0-9]{1})|(14[5-7]{1}))+\d{8})$/,message: '你的手机格式不对',},],
而写入身份证自动写入年龄性别和出生年月日
这就需要 watch
watch(ruleForm, (newName, oldName) => {var numid = newName.id_card.split('');if (numid.length == 18) {var sex = newName.id_card.substring(16, 17);ruleForm.sex = sex % 2 == 1 ? '男' : '女';var bir = newName.id_card.substr(6, 8);ruleForm.born = bir.replace(/(.{4})(.{2})/, '$1-$2-');let myDate = new Date();ruleForm.age = myDate.getFullYear() - newName.id_card.substring(6, 10);} else {ruleForm.sex = '';ruleForm.born = '';ruleForm.age = '';}});
这就可以了效果如下
vue表单验证填写判断身份证自动写入年龄性别和出生年月日相关推荐
- vue表单验证(用户名、密码、身份证号、中文姓名、手机号、邮箱)
vue表单验证(用户名.密码.身份证号.中文姓名.手机号.邮箱) new Vue({el: '#register',data: function() {// 验证邮箱let checkEmail = ...
- vue 表单验证并提交
vue 表单验证并提交 一.常用验证方式 1.data 中验证 data 数据: 2.行内验证 3.引入外部定义的规则 二.表单提交时验证 1.表单的提交按钮 2.ethods 方法 一.常用验证方式 ...
- vue表单验证,多种校验规则
前言 vue 表单验证,具体的大家根据自身项目和框架来,本文以antd举例. 实现 这里以antd 举例 <template><a-form-model ref="rule ...
- Vue 表单验证、数据验证
graceUI js 模块 graceUI 官网 http://grace.hcoder.net 首页视频教程第一节可观看组件演示 (: 使用说明 1 将 graceChecker.js 部署到您的项 ...
- vue 表单验证按钮事件交由父组件触发
vue 表单验证按钮事件交由父组件触发,不直接再子组件上操作的方法 子组件: //内容部分 <Form ref="formCustom" :model="formC ...
- 写一个简单易用可扩展vue表单验证插件(vue-validate-easy)
写一个vue表单验证插件(vue-validate-easy) 需求 目标:简单易用可扩展 如何简单 开发者要做的 写了一个表单,指定一个name,指定其验证规则. 调用提交表单方法,可以获取验证成功 ...
- vue表单验证插件 vuerify
表单验证是一个网站或者系统不可或缺的,也是非常重要的一环.使用人工匹配验证的话会非常的复杂,尤其对于大量表单验证更是如此. 当然有一些jQuery 表单验证的插件,或许用着还不错.但是,如果你不想在v ...
- Vue 表单验证插件的写作过程
前段时间,老大搭好了Vue的开发环境,于是我们愉快地从JQ来到了Vue.这中间做的时候,在表单验证上做的不开心,看到vue的插件章节,感觉自己也能写一个,因此就自己开始写了一个表单验证插件va.js. ...
- vue表单验证,不能通过验证
vue表单验证一直不能通过 1.model里的值一定要和 js里面data的名称(formValidate)对应 2.rules里面的值要和js里面设定的表单规则(ruleValidate)对应 3. ...
最新文章
- Uva 10177 - (2/3/4)-D Sqr/Rects/Cubes/Boxes?
- java连连看(GUI)
- 程序员那些年的斗智斗勇!!!
- java数字转大写 其他报异常_【踩坑系列】使用long类型处理金额,科学计数法导致金额转大写异常...
- 成功导入并运行breeze jar库
- OpenCASCADE:OCCT应用框架OCAF之TObj 模型
- Python支持向量机
- Angular前端事件处理函数的形参名必须为某个硬编码值的怪事
- 计算机技能鉴定几月考,计算机等级考试和职业技能鉴定考核大纲(二级Office).docx...
- 你不知道的vscode之空间控制
- 无线模块在工业控制上的应用
- nlp gpt论文_GPT-3:NLP镇的最新动态
- 二叉树垂直遍历 java_【004】二叉树垂直遍历
- Android之自定义属性
- Spring Bean的一生
- 使用JS实现将GridView中的TextBox列的值博给GridView外的一个文本筐
- c语言switch结构计算利润,求助。。关于用switch编写简易计算器
- 通过的镜像源安装python包
- Vue实现左右菜单联动实现(更新)
- cad---菜单,工具栏,屏幕菜单,增强工具栏