iview form表单validator验证报错must call validateField with valid prop string!

最新推荐文章于 2024-01-19 16:39:51 发布
最新推荐文章于 2024-01-19 16:39:51 发布
阅读量7k 收藏 4
点赞数 1
分类专栏： 前端 文章标签： js vue javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46934884/article/details/109890353
版权

html页面使用iview的from插件

该插件可以结合async-validator进行验证

无论是iview还是async-validator都是基于vue来使用的。因此遵循vue的规范。
在VM的data里面初始化我们需要的实体类相对应的变量。

data部分

验证规则

验证规则

使用iview的form

from表单

手动验证

手动验证

会报错
最低0.47元/天 解锁文章
徐州谢广坤
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
iview 控件报错集合（每天更新）
weixin_42066070的博客
04-24 169
【代码】iview 控件报错集合（每天更新），抓紧时间订阅，后期涨价。
antd vue表单验证_antd表单验证this.form.validateFields不能处理错误情况。
weixin_39850150的博客
12-20 6693
问题描述在vue框架内使用ant-design组件,页面内有一个表单，设定的表单规则比较简单，就是必填。但是即使什么都不输入，直接提交也可以输入内容也可以新增或修改成功。也就是表单的校验规则没有生效。问题出现的环境背景及自己尝试过哪些方法我猜测this.form.validateFields会自动处理错误情况，然后这项任务可能是比较底层的依赖去做的，ant-design文档页提到了async-va...
vue.esm.js?efeb:628 [Vue warn]: Error in v-on handler: "Error: [iView warn]: must call validateField
热门推荐
qq_28246519的博客
03-13 1万+
初始化input框中的内容，并进行初始化，出现 原因是因为验证的时候，实际值虽然初始化了但是实际上还没渲染到dom上，因此应该改使用nextTick，即等元素被初始化成功后才进行验证 this.params.frequence='15'; this.$nextTick(()=>{ ...
element ui form 验证机制
weixin_36878452的博客
04-04 3825
el-form作为包裹el-form-item层，el-form-item作为el-input，el-datepicker，el-radio等包裹成组件(可以暂时理解为父组件) el-form 1 首先来学习一下el-form的实现，el-form具备如下a,b功能 a.承接对el-form-item加入，移除的监听。 b.使用validate包装循环el-form-item valida...
ant-design中创建动态form表单报错
南乡人的博客
05-14 6939
控制台报错信息Uncaught Error: Must call `getFieldProps` with valid name string!使用的是const {getFieldDecorator} = this.props.form <FormItem key={index} {...formItemLayout} label={item.name} hasFeedba...
表单校验validate和validateField的使用及区别
weixin_45559449的博客
03-09 5776
在对表单进行校验时，只需要通过 rules 属性传入约定的验证规则，并将 FormItem 的 prop 属性设置为需校验的字段名即可。注意：表单项有几个，回调函数就会执行几次，执行顺序为数组书写顺序，每次返回对应表单项的校验结果。使用 validateField 对某个表单项进行校验，当回调函数返回值valid 为空（‘’）时，表示校验通过，不为空时表示校验不通过。使用 validate 对整个表单进行校验，回调函数返回值valid 为true时代表校验通过，false代表校验不通过。
async-validator笔记
阿尔叭叭
01-06 1393
官网的示例 methods: { submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { alert('submit!'); } else { console.log('error submit!!'); return false; }
浅谈关于iview表单验证的问题
10-17
主要介绍了浅谈关于iview表单验证的问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
iview同时验证多个表单问题总结
12-29
在上一篇文章中总结了iview表单验证的问题。其实有两种写法：在点击验证时，这样写时，注意在前面的方法中将要验证的form表单加进去。 <Form ref=addAreaForm :model=addAreaForm :rules=ruleValidate :label-...
iview form清除校验状态的实现
10-16
主要介绍了iview form清除校验状态的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
iview组件form表单的验证报错问题解决
lyz246859的博客
02-28 905
uniapp iview
antd源码解析（一）Form组件解析
weixin_33739541的博客
04-18 1744
引言 看过antd源码的都知道，antd其实是在一组react-componment组件的基础上进行了一层ui封装，本文主要解读antd组件Form的基础组件react-componment/form，另外会略过development模式下的warning代码。 Form.create 解读源码首先要从自己最常用的或者感兴趣的入手，首先f...
iview单独动态验证表单
weixin_43779406的博客
01-24 1165
iview 单独验证表单中的某一项 // form是表单，name 是需要单独验证的某一项 this.$refs['form'].validateField('name', (valid) => { // valid的为空则证明表单验证通过，否则不通过 console.log(valid); if (!valid) { } }); iview单独验证表单中的多个输入框 // fieldsCommon1 需要验证的多个表单项，是prop值 let .
elementui from表单提交_element-ui表单源码解析之el-form
weixin_36308751的博客
01-13 2267
表单时大家常用的，根据本站的百度统计后台显示来到道招网的程序很多都在关注《element-ui动态表单async-validate校验 please transfer a valid prop path to form item!》看来很多网友对element-ui的校验(或者说是async-validator)使用不太熟悉，想了想还是有必要分享下element-ui的表单校验机制的。首先表单校验...
前端表单数据那些事
u013655559的博客
04-30 446
1.数据处理❝当表单在视图所展示的数据并不是后端需要的数据，或者后端返回的数据不是前端所要展示的内容，这时就需要进行数据转换，下面介绍几种常见的场景❞我假设有下面的一组form基础数据 ...
Vue+iview表单验证失效
qq_45222558的博客
04-24 2946
iview表单验证的步骤： 第一步：给 Form 设置属性 rules :rules 第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=" " 第三步：注意：Form标签里面是 :model 第四步：注意：在Form标签里面必须添加 ref,这个作用相当于id,在此范围内的表单验证有效 第五步：在操作保存按钮时，添加方法，对整个表单进行校验，参数为检验完的回调，会返回一个 Boolean 表示成功与失败。 <Form ref="formValidate
element 和 iView自定义表单验证规则
wendy_qx的博客
03-07 437
element 和 iView自定义表单验证规则
iview表单验证 async-validator
雨果的博客
04-25 246
输入的必须是金额（数字）的时候，FormItem 表单正常写。其他文章评论区看到的，非原创，纯记录。
iview表单校验向validator传递信息的奇淫巧计
最新发布
xiaowu0929的博客
01-19 497
如何向validator中传递数据，苦思良久，还是准备从validator函数的参数上下手，熟悉iview表单的都知道，validator参数中有一个rule属性，包含了一些信息，在我多次尝试后，发现其中的message是直接作为校验失败的提示的，且，可以在validator中修改，于是乎，我做了一个大胆的尝试！
form表单验证报错
08-17
在使用ivew的表单form时，如果在弹窗model展示筛选列表后再复制input的情况下，可能会出现表单验证报错的问题。这是因为单个参数的验证类型的问题。当参数的trigger为"blur"时，无法判断参数的值是否有变化，即使...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值