当前位置: 首页 > article >正文

elment-plus的表单的其中一项通过了验证再去走别的函数怎么写,不是全部内容通过验证

<template>

<el-form ref="formRef" :model="formData" :rules="formRules">

    <el-form-item label="身份证号" prop="idCard">

         <el-input v-model="formData.idCard" @blur="getDetail()" ></el-input>

   </el-form-item>

   <el-form-item label="年龄" prop="age">

        <el-input v-model.number="formData.age"></el-input>

   </el-form-item>

</el-form>

</template>

比如我想验证了身份证号符合规范之后才去执行某个函数。执行getDetail的时候必须是验证了身份证号的该怎么做呢?

import { ref } from 'vue';

// 获取表单实例的 ref

const formRef = ref(null);

// 表单数据对象

const formData = ref({ idCard: '', age: null });

const formRules= reactive({
  idCard: [{required: true,  validator: checkIdCard}],
  age:[{required:true,message:'请输入年龄'}]
});
//身份证的校验
const checkIdCard=(rule: any, value: any, callback: any)=>{
  const regexp=/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i;
  if(value===""||value===undefined) callback("请输入身份证号");
if (!regexp.test(value)) {
   callback(new Error("请输入正确的身份证号"));
} else {
  return callback()
}
}
//根据身份证查询评估结果
const getDetail = async () => {
  ruleFormRef.value!.validateField('idCard', async(valid) => {
    if (valid) {
      // 验证通过,执行其他函数

          } else { //验证未通过  

        }


http://www.kler.cn/a/543306.html

相关文章:

  • Django REST Framework:如何获取序列化后的ID
  • 在 ARM64 架构系统离线安装 Oracle Java 8 全流程指南
  • Kotlin实战经验:将接口回调转换成suspend挂起函数
  • Python3连接MySQL并且读取Blob字段信息
  • Express 路由
  • 让office集成deepseek,支持office和WPS办公软件!(体验感受)
  • 银河麒麟kylin V10安装docker时出现的问题
  • 大数据学习之SparkStreaming、PB级百战出行网约车项目一
  • 数据可视化:让数据讲故事的力量
  • AI前端开发社区与资源:效率提升的秘密武器
  • 『哈哥赠书 - 55期』-『码农职场:IT人求职就业手册』
  • 使用 EMQX 接入 LwM2M 协议设备
  • GlusterFS 深度洞察:从架构原理到案例实践的全面解读(上)
  • Java(Springboot)
  • 使用Python爬虫获取淘宝搜索词推荐API接口
  • 人工智能加速冲击?Anthropic报告:43%的任务正被人工智能替代
  • 零基础学CocosCreator·第九季-网络游戏同步策略与ESC架构
  • Windows逆向工程入门之标志寄存器及其结构和标志位
  • Ollama本地部署DeepSeek(Mac)
  • 网络安全纵深防御体系框架 网络安全防护体系
  • 【2025新】基于springboot的问卷调查小程序设计与实现
  • 【亲测可用】Bandicam v8.1.0(班迪录屏软件)便携完整版
  • 探秘Hugging Face与DeepSeek:AI开源世界的闪耀双子星
  • 常见的排序算法:插入排序、选择排序、冒泡排序、快速排序
  • 自己动手实现一个简单的Linux AI Agent
  • 【数据结构】寻找规律:算对角线长度||杨辉三角||魔方问题(C语言实现)