在使用elementui的表单验证时，明明输入了字符，却仍然弹出验证错误提示栏

最新推荐文章于 2023-07-18 09:49:13 发布
最新推荐文章于 2023-07-18 09:49:13 发布
阅读量1.1k 收藏 1
点赞数 1
文章标签： elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Better_me_1996/article/details/117462728
版权

在使用elementui自带的表单验证时需要注意，需验证的表单项el-form-item要添加prop属性，而且表单项prop的名字必须和表单model传入对象的属性名一致，否则表单验证就会报错。
在这里插入图片描述

Better_me_1996
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
使用element-ui +Vue 解决 table 里包含表单验证的问题
09-16
主要介绍了使用element-ui +Vue 解决 table 里包含表单验证的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
element-ui的el-form添加验证规则，必填项，填完后还会有红色提示！
热门推荐
绝圣弃智-零的博客
05-10 4万+
问题背景： vue+element-ui项目，设计登录界面。用户名和密码都是必填项，未填写会在输入框下方提示“请输入用户名”或“请输入密码”。 问题描述： 打开登录界面后，用户名和密码都已填写，还提示我“请填写...” 问题分析： 相关代码： //html代码 <el-form :rules="rules" class="...
element-ui vue 表单校验
12-21
element-ui vue 表单校验
详解element-ui 表单校验 Rules 配置 常用黑科技
10-15
主要介绍了element-ui 表单校验 Rules 配置 常用黑科技，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
Vue element-ui父组件控制子组件的表单校验操作
10-15
主要介绍了Vue element-ui父组件控制子组件的表单校验操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ElementUi rules表单验证
weixin_33806914的博客
12-23 767
ElementUi 表单验证 可以在pattern中书写正则，并且配合elementUI进行表单验证。 pattern 属性规定用于验证输入字段的模式。模式指的是正则表达式。 rules: { name:[{ required: true, message: '请输入用户名', ...
Element UI el-input 标签限制输入框内容（中文，英文，邮箱，手机号）
qq_45845523的博客
04-06 1万+
设置限制只能输入中文 校验中文的正则：/^[\u4e00-\u9fa5]+$/ rules: { title: [ { required: true, message: "请输入中文名", trigger: "blur" }, { validator: function(rule, value, callback) { if (/^[\u4e00-\u9fa5]+$/.test(value) == f
element-ui+vue input框只能输入字母(自定义正则)
zhangzuruiqqq的博客
06-29 2052
尝试 element表单验证 :change/ :input事件监听 +正则表达式 没有实现需求 最后通过keyup事件实现 <el-input class="inline-input" v-model="state" prefix-icon="el-icon-search" @keyup.native="state=state.replace(/[^a-zA-Z]/g,'')" placeholder="必须输入两
Elenment UI表单验证时，有值但还是提示错误，表单验证失效问题
Java___orz的博客
07-07 8060
解决Elenemt UI表单验证失效问题，三种解决方式都在这里，看这一篇就够了
elementUI el-form表单校验不消失 强制去掉校验
m0_64491262的博客
02-10 3901
尝试变更form中字段的默认类型,修改rules的change或者blur,都没用.最后选择给form绑定change事件,有值时取消校验.直接点击提交或保存,弹出校验信息('请输入xxxxxx')在输入框中输入信息后,校验信息无法自动消失。
element 结合vue 在表单验证时有值却提示错误的解决办法
08-28
主要介绍了element 结合vue 在表单验证下，有值却提示错误的解决办法,需要的朋友可以参考下
使用mixins实现elementUI表单全局验证的解决方法
10-17
主要介绍了使用mixins实现elementUI表单的全局验证的解决方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
vue elementui form表单验证的实现
10-17
主要介绍了vue elementui form表单验证的实现,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue+elementUI实现表单和图片上传及验证功能示例
10-17
主要介绍了vue+elementUI实现表单和图片上传及验证功能,结合实例形式分析了vue+elementUI表单相关操作技巧,需要的朋友可以参考下
Element UI进行表单校验的时候，输入正确内容后，还有提示问题
weixin_52727969的博客
03-31 5622
默认情况下，一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event，但是一些输入类型比如单选框和复选框按钮可能想使用 value prop 来达到不同的目的。1.看看你的el-form 是否绑定了值model并且model后面的名称是否和你后面表单输入时使用的名称相同；2.el-form 是否绑定了验证规则：rules(起个名字我们的提示信息就是在这里面写的)字眼表明其主要的使用场景是在组件内部，后面的那一大段是说明缘由的。的值是否和rules的值对应。
elementUi——form表单中input组件输入内容后依旧提示不能为空(v-for循环遍历)
yehaocheng520的博客
06-08 3832
最近在做后台管理系统时，发现了一个form表单中rules表单校验的问题： 由于我这个地方需要在点击“添加”按钮时，会添加重复的内容。因此我整个结构使用的是：v-for循环遍历，又因为我需要对单价一项进行校验（必填和数字类型的校验），单价一项的prop不具有唯一性，因此考虑到规则校验，所以将规则写在行间。 html结构代码如下： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="90px" class="dem
关于element-ui form表单必填项已经选入值并回填了，但是还会报错必填提示
m0_59157023的博客
06-20 2627
今天用el-form表单的时候 发现明明已经选入值并回填了 发现还是会触发必填报错。因为我这里是点击后右边是一个select选项帮助。这里代表的是只有blur的时候才触发rule规则。经过发现，是因为rule表单触发校验规则。但是我选择应该是change事件。
element-ui表单校验成功，一直发出警告
shsyzhzhgn的博客
07-14 544
表单校验成功validate返回true,控制台报错，警告信息fieldValue:“”
el-form面对表单内容有数组嵌套时校验，和数组表单校验不生效的解决办法（element-ui框架），输入之后表单依然有验证提示，每次添加表单某一项，我们处理表单验证的方法
最新发布
zxq1640058349的博客
07-18 1305
【代码】el-form面对表单内容有数组嵌套时校验，和数组表单校验不生效的解决办法（element-ui框架）
elementui表单验证input只能输入正整数
03-28
// 表单验证失败，提示错误信息 } }) } } } ``` 在上述代码中，我们使用 `rules` 属性来定义表单验证规则。`rules` 是一个对象，它的键是表单项的 `prop` 属性，值是一个数组，其中每个元素是一个验证规则对象...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值