首页 > 其他分享 >解决:在表单框内没有值的时候就点击弹窗确认按钮会触发表单校验,但是之后若填了值表单校验还在

解决:在表单框内没有值的时候就点击弹窗确认按钮会触发表单校验,但是之后若填了值表单校验还在

时间:2024-11-07 10:41:51浏览次数:4  
标签:refs 校验 表单 修改 框内 按钮 formRef2

 

 

save2() {
  // 在点击确认按钮时,首先清除表单的校验错误
  this.$refs.formRef2.clearValidate();

  // 重新进行校验
  this.$refs.formRef2.validate((valid) => {
    if (valid) {
      // 修改操作
      if (this.messagetId !== undefined && this.messagetId !== '') {  
        // 执行修改操作
      } else {
        // 新增操作
      }
    } else {
      // 校验失败时的处理
      console.log('表单校验失败');
    }
  });
},

// 用于修改时的字段更新,确保每次修改后清除校验状态
// updateMessage方法是任务阶段的选择框的@change方法,用于自动填充任务阶段下面的输入框
updateMessage() {
  // 每次更改任务阶段后清除校验
  this.$refs.formRef2.clearValidate();
}

 

 

标签:refs,校验,表单,修改,框内,按钮,formRef2
From: https://www.cnblogs.com/tingorb/p/18531708

相关文章

  • 自定义注解实现权限校验
    自定义注解实现权限校验引入所需的依赖<parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>版本号</version><relativePath/></parent><depen......
  • el-form中循环出来的el-form-item进行校验的设置
    注意的内容点:点击查看代码<templatev-for="(e,index)inappAdnInfo.ext":key="e.name"><el-form-item:label-width="labelWidth":label="e.label":prop="......
  • FastAPI 路径参数详解:动态路径与数据校验的灵活实现
    FastAPI路径参数详解:动态路径与数据校验的灵活实现本文全面介绍了在FastAPI中使用路径参数的技巧和实现方式。路径参数允许API动态响应不同路径中的请求信息,结合URL(UniformResourceLocator)和URI(UniformResourceIdentifier)进行资源定位和标识。URL是指资源的完......
  • 短视频整套源码,如何实现幂等性校验?
    我们在做短视频整套源码的时候通常会遇到前端提交按钮重复点击的场景,在某些新增操作上就需要做幂等性限制来保证数据的可靠性。下面来用javaaop实现幂等性校验。一:首先我们需要一个自定义注解 packagecom.yuku.yuku_erp.annotation;importjava.lang.annotation.......
  • el-form中关于添加el-table后动态添加el-input后怎么设置校验
    个人笔记,欢迎指正场景复现如何实现动态表单满足rules规则实现代码<el-formref="form":model="form":rules="rules"label-width="80px"><el-col:span="24"><el-form-itemlabel="客户名称"prop="cust......
  • 织梦 DedeCMS 自定义表单出现“数据校验证不对,程序返回”的解决方案
    问题:自定义表单提交时提示“数据校验不对,程序返回”。解决方法:找到新的 dede_fieldshash 值:打开后台-核心-频道模型-自定义表单。找到设置好的自定义表单,点击“前台预览”。如果提示前台预览关闭,点击“修改”,将“前台列表和内容也公开”选项勾选为“完全公开”......
  • emoji编码和长度校验
    背景:最近有个需求,在校验输入内容中要校验字符长度,但是里面包含了支持emoji类型在length计数时惊了我,知识盲区--》补课问题描述:1.校验规则:最大12个中文字符,24个英文字符,支持emoji、数字、标点符号2.console.log('......
  • 实现注解校验Dto字段是否为空
    一、背景我们用json对象作为接收参数的包装器,最后要转化为dto进行业务操作,操作之前要做非空校验,我们可以实现2个注解来实现这个通用的操作。@NotNullField@CheckNull二、思路1.实现@NotNullField注解,注解标记在dto字段名上面@Target(ElementType.FIELD)//目标为字段@Rete......
  • 汽车车牌校验
    汽车车牌校验普通车牌国内普通车牌号通常由1个汉字(省份简称)+1个字母(城市代码)+5个字符(字母或数字)组成。以下是一个符合一般国内普通车牌号规则的正则表达式:^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼港澳使领警学][A-Z][A-HJ-NP-Z0-9]{5}$说明......
  • 如何使用MD5校验系统文件完整性?
    1、首先,我们先了解一下什么是MD5?很多朋友并不是很了解MD5是什么,针对这个问题,我们来做一下简单的介绍。MD5为计算机安全领域广泛使用的一种散列函数,用以提供文件的完整性保护。简单来说就是用来校验文件在下载过程中是否损坏。2、为什么要对系统文件进行MD5校验呢?经常碰到......