Element form表单验证填完信息校验仍然存在的问题

最新推荐文章于 2024-05-02 18:12:22 发布
最新推荐文章于 2024-05-02 18:12:22 发布
阅读量2.8k 收藏 2
点赞数 3
文章标签： javascript html servlet elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49847397/article/details/127198939
版权

今天在使用element表单验证的时候，在填入必填信息之后，必填提示仍然存在，然后通过搜索得到答案。

下面是出现的问题

 原因：表单域的item项的prop值要与绑定的v-model值相同如下

<el-form-item label="申请日期" prop="applyDat">

                    <el-date-picker v-model="formInline.applyDate" type="date" placeholder="选择日期" >

                    </el-date-picker>

</el-form-item>

 

 以上为修改之后的效果

Ang321
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决vue+ element ui 表单验证有值但验证失败问题
01-19
一.如图：有值但是验证失败 二. <el model=form rules=rules> <el label=数据模板 prop=template> <el span=20> <el type=textarea v-model=form.template rows=8 placeholder=请输入数据模板 readonly=true></el> </el> </el> </el> export default { data()
关于element-ui form表单必填项已经选入值并回填了，但是还会报错必填提示
m0_59157023的博客
06-20 2529
今天用el-form表单的时候 发现明明已经选入值并回填了 发现还是会触发必填报错。因为我这里是点击后右边是一个select选项帮助。这里代表的是只有blur的时候才触发rule规则。经过发现，是因为rule表单触发校验规则。但是我选择应该是change事件。
ElementUI 实现动态表单数据校验（已解决）
热门推荐
qq_49002903的博客
07-26 1万+
日常问题记录：ElementUI 实现动态表单数据校验（已解决）
element表单验证：验证输入数据是否已存在
ZHuan20211123的博客
04-27 1173
先监听输入框里面数据的变化，再通过接口对比value是否已存在，返回一个参数 this.checkCode，通过参数进行表单验证！ data() { var validateName = async (rule, value, callback) => { console.log(this.checkCode); console.log(6666); if (value === "") { callback(new Erro...
element form 校验数组每一项实例代码
10-16
主要介绍了element form 校验数组每一项的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
el-form表单验证：满足校验之后校验信息仍然存在问题
m0_45093055的博客
02-24 3242
el-form表单校验校验信息不消失
VUE + Element-UI 表单校验input框数据已存在
weixin_45771397的博客
06-09 2511
基础校验方式实现 html代码 <el-form-item label="值名称:" style="width: 80%" prop="valueName" :rules="[ { required: true, message: '值名称不能为空'}, { validator: checkValueNameIfExist, trigger: 'blur'} { p
解决element-ui form表单校验明明有值，校验的错误提醒还在
sun0_cat的博客
06-08 7856
问题： 我的form表单用的是最简单的非空校验，点击提交按钮，输入几个值，然后在点提交按钮，一部分的值还在显示错误校验 解决： 将rules里的校验顺序重新排列一下
【VUE】表单验证调接口校验是否已存在
SZnAl的博客
06-01 575
使用Vue2与elementUI做新增与修改的表单验证时，除了基础的必填校验，还需要调用后台接口查询输入的值是否存在，如果存在就在输入框下面做出提示，并使该字段校验不通过。
element select组件 赋值之后还是校验必填
吴冬雪的博客
11-30 2355
当分类一切换时，分类二、三、四等都需要清空原值，重新选取，但是在分类一的 change 事件里，发现页面分类二已经显示，依旧提示没选择，校验失败。当多个级联情况下，下拉赋值值赋不上去，this.$focreUpdata() 强制更新，这时值就可以绑定上去，但同时绑定时校验也会失效。分类一切换时，清空表单原值使用的是 this.doorSlowForm.diseCode = "" 手动设为空，校验失败。2，也可以在分类一切换同时，手动将分类二下拉集合的第一个元素赋值到分类二的值上去。
Vue ElementUI之Form表单验证遇到的问题
12-09
首先说一下 我在form表单里面遇见的坑： 1.例如我要给后台传的不是对象，而是一个数组，怎么写验证？ 2.比如我有四个弹出框，都要做验证，这个时候就要注意了，每一个弹出框的ref都不能给的一样，并且一定要与当前...
使用element-ui +Vue 解决 table 里包含表单验证的问题
09-16
主要介绍了使用element-ui +Vue 解决 table 里包含表单验证的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue element自定义表单验证请求后端接口验证
12-30
做vue项目的时候遇到了一个需求，在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值。 template 账户 prop=userid> <el v-model=addForm.userid></el> 引入接口 import { checkUseridRepeat...
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
励志做最业余的专业博主，控件产品可以私我~
04-28 863
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
bpmn-js推荐几款常用的插件
飞云先生
04-30 117
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
基于React实现B站评论区
最新发布
stu_kk的博客
05-02 904
使用React构建了一个仿照B站基本的前端评论系统，实现了动态加载、排序、添加和删除评论的基本功能。通过React的状态管理和事件处理机制，实现了交互式的用户体验。但是在实际应用中，还需考虑与后端接口的交互、错误处理、分页加载、以及更复杂的用户交互逻辑。
《ElementUI 基础知识》el-tabs header 监听鼠标中键滚动时左右滑动（ElementPlus同样适用）
前端技术
04-29 970
监听 el-tabs 头在鼠标 hover 时。滑动鼠标中键，可左右滑动！
表格隔行变色
weixin_54339833的博客
05-02 375
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
echarts+百度地图如何定义边界线
abc8002117034的博客
04-30 305
5.setOption里面的参数option.series是echarts散点图的配置项,option.bmap是百度地图的配置项，比如center是当前地图的中心点，zoom是缩放数值，roam是是否可以缩放，mapStyle是地图的样式。3.方法getCenterPoint是获取当前区域中心点的经纬度，我们将会在区域的中心点显示区域名称和具体数值。4.方法convertData返回的是地图上红色散点里面的数据，是对idata的数据格式做的一层转换。2.变量styleJson是地图的样式，可以去。
element form表单校验,有值还显示错误信息
09-01
element form表单校验是一种常用的前端数据验证方式，可以在用户提交表单之前对输入的数据进行有效性检查。当用户输入有误时，可以通过错误提示信息及时提醒用户并防止错误数据提交。 在element form表单校验中，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值