如何解决在具有相同名称的动态表单上进行Yup验证
我在React中有一个表单,可以动态添加/删除最小/最大输入。我正在尝试验证每一行,在我的inputMin
模式中,inputMax
小于react hook form
,而yup
则较小。仅当两个输入字段都不为空时才应用验证。
const validationSchema = yup.object().shape({
inputMin: yup
.when("inputMax",{
is: v => v > 0,then: number().lessthan(ref("inputMax"),"Min should be less than Max")
})
});
const { register,triggerValidation } = useForm({ validationSchema });
<input name="inputMin" type="number" ref={register} />
<input name="inputMax" type="number" ref={register} />
当最大/最小行只有一行时,此功能有效。但是当有2行时,验证效果不佳。
MIN MAX
ROW1 : 0 5
ROW2 : 9 5 <-- (the triggerValidation doesn't catch this error)
如何告诉它正确地对每一行的同级inputMin
验证inputMax
?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。