elementUI 表单项自定义校验设置必填项required的问题

本文探讨了在elementUI中,当表单项需要基于其他非input内容进行自定义校验时,遇到的required属性导致的错误提示问题。通过分析,指出自定义校验与required同时存在会导致双重校验,对于无input框的表单项,required会误报'xxx is required'。解决方法是将class设置为'is-required',以在保持自定义校验的同时展示必填项标记。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用elementUI的表单校验有时需要用到默认校验和自定义校验的组合规则,比如下面这种部分表单项需要根据其他非input内容是否为空进行校验。

后两项内容设为空,点击确定进行表单校验,此时提示正常没有问题

而当内容不为空时,下方却出现了xxx is required的提示。

经过排查,发现是el-form-item中的required属性引起的,说明自定义校验规则和required属性不能同时出现,否则两种校验都会生效,而最后这两个表单项并没有input框,设置required属性就会判定内容为空,就会提示xxx is required。那么如何在使用自定义规则的同时又显示必填项的*号呢?只需把class设置为is-required即可。

此时内容不为空时提交就能正常校验了。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Koen_Lee

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值