关于element ui 中使用表单校验字段，校验一直不消失的问题

最新推荐文章于 2023-09-06 11:14:09 发布
最新推荐文章于 2023-09-06 11:14:09 发布
阅读量2.8k 收藏 2
点赞数 2
文章标签： ui vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54938190/article/details/129088241
版权

element ui 中form表单，当遇到表单项为上传文件或者图片等等，上传完成之后，点击确定按钮，该表单项校验规则仍然不消失，如下

 

解决方法为，在上传成功的方法中手动移除校验，并且将rules里面的改字段赋值为空数组，如下：

 同时要注意在下次打开新增页面的时候，要重新赋值该上传表单项的校验规则

 over

 

weixin_54938190
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
element-ui vue 表单校验
12-21
element-ui vue 表单校验
Vue element-ui父组件控制子组件的表单校验操作
10-15
主要介绍了Vue element-ui父组件控制子组件的表单校验操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
【夏の博客】- Element UI 表单校验不消失的原因
summerzhi的博客
02-11 3531
【夏の博客】- Element UI 表单校验不消失的原因 前言 之前我就遇到了这个问题，我一直以为是我v-model绑定值和prop属性绑定值不相同，亦或者是值没有赋值上去，当时搞了挺长时间都没有找到具体原因。然后今天又遇到了这个问题，仔细研究了一下，才发现问题所在。 解决方法1 v-model绑定值和prop属性绑定值相同即可 解决方法2 这个是我之前写的，写成了v-model，改成model就好了 <el-form v-model="infoForm" :rules="rules" ref="
使用element-ui表单验证时,number验证一直出现提示,提示不消失
old_hu的备忘录
05-06 5780
使用饿了么提供的表单数字验证时,明明输入的也是数字,但是提示的红色字体一直不消失,后来发现,就算输入的是数字,但是input输出的也是字符串, 所以在v-model加上.number---- v-model.number=" " 即可解决问题 ...
详解element-ui 表单校验 Rules 配置 常用黑科技
10-15
主要介绍了element-ui 表单校验 Rules 配置 常用黑科技，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
elementUI el-form表单校验不消失 强制去掉校验
m0_64491262的博客
02-10 3900
尝试变更form中字段的默认类型,修改rules的change或者blur,都没用.最后选择给form绑定change事件,有值时取消校验.直接点击提交或保存,弹出校验信息('请输入xxxxxx')在输入框中输入信息后,校验信息无法自动消失。
el-form表单验证：满足校验之后校验信息仍然存在问题
m0_45093055的博客
02-24 3315
el-form表单校验校验信息不消失
Element form表单验证填完信息校验仍然存在的问题
weixin_49847397的博客
10-07 2911
el-date-picker v-model="formInline.applyDate" type="date" placeholder="选择日期" >今天在使用element表单验证的时候，在填入必填信息之后，必填提示仍然存在，然后通过搜索得到答案。原因：表单域的item项的prop值要与绑定的v-model值相同如下。以上为修改之后的效果。
【element-ui】 el-form之rules赋值后校验没消失
最新发布
小墨鱼的前端问题录
09-06 2426
错误原因是在return中定义了一个空对象formLabel,在校验过程中，formRules值找不到对应的formLabel值，此时就出现了在输入框中赋值之后，校验不消失。
vue element form rules表单规则验证，输入框有值，但验证始终不消失问题的个人解决办法
qq_38876396的博客
06-23 4787
本文章对element的表单规则验证中输入框有值，但验证始终不消失的问题，在个人项目的特殊情况下提出解决办法
详解element-ui中表单验证的三种方式
10-16
主要介绍了详解element-ui中表单验证的三种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
ElementUI-table高亮问题
孤灯人
03-19 1869
第一类：初始化或刷新界面默认第一行高亮 //1.0 加入:row-class-name="tableRowClassName" <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> //2.0 methods中写入方法 methods: { tableRowClassName({row, rowIndex}) { if (rowIndex === 0) { .
Element-UI el-table点击复选框或点击数据行，当前行高亮显示
weixin_49650314的博客
07-06 6503
Element-UI el-table点击复选框或点击数据行，当前行高亮显示
element-ui table数据更新保持高亮选中
若无的博客
04-04 1651
安装createrepo命令 $sudo yum install createrepo 方法一(本地yum源)：file:// 放置需要被yum install的软件包(比如: /var/localfile） //创建仓库目录 $sudo createrepo /var/localfile/ 在/etc/yum.repos.d/路径下创建localfile.repo (名字任意) $sudo ...
解决element-ui form表单校验明明有值，校验的错误提醒还在
sun0_cat的博客
06-08 7874
问题： 我的form表单用的是最简单的非空校验，点击提交按钮，输入几个值，然后在点提交按钮，一部分的值还在显示错误校验 解决： 将rules里的校验顺序重新排列一下
小吴学前端--Element-UI tree 组件 选中节点高亮（持续高亮）
wuwuwwu66的博客
02-21 3042
最近开发的时候遇到的一个需求：1.加深选中单据颜色框；2.在不切换tree组件时，选中的一直保持高亮；由于对该组件不是很熟悉，记下笔记，用来巩固学习。
element表单填写了数据，验证的错误提示仍然不消失
weixin_42935964的博客
11-18 2501
先上代码 <template> <el-dialog id="palceOrderDialog" title="请选择套餐" :visible="palceOrderDialog" top="5vh" :show-close="false" center > <el-main> <el-row> <el-col :span="24"> &
ElementUI表单验证 错误提示不消失原因（最全面，一次解决）
weixin_46463341的博客
10-18 8705
ElementUI表单验证 错误提示不消失原因（最全面，一次解决）
element dialog 关闭 form 表单校验未清除的解决办法
qq_40860137的博客
06-27 9914
①开发背景:新增XX功能 点击之后 弹出的是el-form表单组成的dialog, 表单新增判空规则, 提交时表单项不合格, 会报错 如下图所示, 只有当表单项合格, this.$refs[formName].validate(asyncvalid=>{}) 中的valid才为true, ②在这种报错前提下, 我们关闭再打开dialog, 会发现报错信息还在。第一种办法(不可行), 在按钮点击的时候调用 this.$refs['accountForm'].resetFields(...
element ui 表单 校验 不刷新
04-06
在 Element UI 中，表单校验默认是在提交时触发的，不会刷新页面。如果您需要在表单中实时校验，可以使用 `validate` 方法，该方法会在表单中的某个字段发生变化时触发校验。 具体实现方式如下： 1. 在表单中添加 `ref` 属性，用于在 JavaScript 中获取表单实例。 ```html <el-form :model="form" :rules="rules" ref="form"> <!-- 表单内容 --> </el-form> ``` 2. 在 JavaScript 中，使用 `$refs` 获取表单实例，并在需要校验的地方调用 `validate` 方法。 ```js this.$refs.form.validate((valid) => { if (valid) { // 校验通过，执行提交操作 } else { // 校验失败，执行错误提示操作 } }); ``` 在表单中任意字段发生变化时，`validate` 方法都会被调用，从而实现实时校验的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值