Joi 表单验证时如何动态添加校验规则？
我用 Joi 做前端表单验证，但有个字段的校验规则要根据另一个字段的值动态变化。比如当“用户类型”是“企业”时，“公司名称”才必填。试过在 schema 里用 Joi.when()，但一直报错说方法不存在，是不是我用法不对？
这是我的代码：
const schema = Joi.object({
userType: Joi.string().valid('individual', 'company').required(),
companyName: Joi.string().when('userType', {
is: 'company',
then: Joi.required(),
otherwise: Joi.optional()
})
});- 2
回答
48浏览
阿里低代码表单动态校验规则失效怎么办？
在阿里低代码平台用Form组件时，想根据下拉框选择动态切换表单字段的校验规则，但改完rules数组后校验逻辑没生效 比如选中"身份证"类型时应该启用身份证格式校验，但代码执行后表单提交依然能通过任意输...
- 1
回答
30浏览
Avue 表单中如何动态设置某个字段的 required 验证规则？
我在用 Avue 做一个动态表单，有些字段是否必填要根据其他选项来决定。比如选了“个人”类型，身份证号就必填；选了“企业”，就不需要。我试过在 option 里直接改 rules，但好像没生效。 现在...
- 1
回答
49浏览
VeeValidate 表单验证时如何动态修改错误提示样式？
我用 VeeValidate 做表单验证，现在想根据验证状态动态改变错误信息的样式，比如输入框无效时让错误文字变红。但发现默认的 <ErrorMessage> 组件好像没法直接加 clas...
- 1
回答
19浏览
Yup 表单验证中如何动态设置必填字段？
我在用 React Hook Form 配合 Yup 做表单验证，现在有个需求：当用户勾选“需要发票”时，发票抬头字段才变成必填。但我发现即使 Yup 的 schema 动态变了，表单也不会重新校验这...
- 2
回答
179浏览
VeeValidate 如何在表单提交时手动触发验证？
我用 VeeValidate 做表单校验，但点击提交按钮时没自动验证，想手动触发却不知道咋搞。 试过调用 validate()，但控制台报错说不是函数。我的 setup 里是这么写的： import ...
- 2
回答
33浏览
自定义表单校验规则不生效怎么办？
我在用原生 JavaScript 做一个注册表单，想对手机号做自定义校验，但写了验证函数后发现不管输什么都没反应，错误提示也不显示。我试过在 onblur 事件里调用校验函数，也绑定了 onsubmi...
- 2
回答
86浏览
表单验证时如何实时监听输入并动态显示错误提示？
我正在做一个注册表单，想在用户输入时就实时验证邮箱格式，但不知道怎么把验证逻辑和DOM更新结合起来。试过用input事件监听，但错误信息总是显示不对。 比如下面这段代码，输入非法邮箱时没反应，控制台也...
- 1
回答
67浏览
React动态表单中如何正确更新嵌套数组字段的值？
我在用React做动态表单，允许用户添加多个联系人信息，每个联系人又有多个电话号码字段。现在遇到一个问题：当修改第二个联系人的第二个电话号码时，第一个联系人的最后一个号码也会跟着变。 我用useSta...
- 1
回答
107浏览
Element Plus动态表单项怎么设置校验规则？
在用v-for循环渲染表单输入框时，发现设置的rules规则没生效。比如每个问题都要填写，但输入框不报错。 尝试过直接在rules对象里写数组，但控制台报prop not found错误。代码大概是这...
- 2
回答
22浏览
Vuelidate 表单验证后如何手动清除某个字段的错误状态？
我在用 Vuelidate 做表单验证，提交失败后某些字段会显示错误。现在用户修改了其他字段，我想手动清除某个特定字段（比如 email）的验证错误，但试了 $v.email.$reset() 好像没...
when语法需要特别注意一些细节。我来帮你优化一下这段代码，这样更清晰也更容易维护。首先，
Joi.when()需要完整的引用路径，而且then和otherwise里面的规则要完整定义。这里有个更优雅的写法：注意到几个地方：在
then和otherwise里面都显式定义了Joi.string()，并且用了allow('')来允许空值。这样处理企业用户时能正常校验，而个人用户可以不填这个字段。有时候这种动态规则确实让人头疼，调试时记得打印出错误信息看看具体问题在哪。希望这能帮到你。