表单验证时如何动态控制某个字段的必填状态？
我用的是 Vue 3 + Element Plus，有个场景是：当用户选择“其他”选项时，才需要填写一个额外的输入框。但我发现即使我把该字段的 required 规则动态改成 false，表单校验还是会报错。
我试过在 rules 里用函数返回动态规则，也试过在 change 事件里重新赋值整个 rules 对象，但都不太稳定。下面是我目前的写法：
const rules = reactive({
reason: [
{
required: () => selectedOption.value === 'other',
message: '请输入具体原因',
trigger: 'blur'
}
]
})但这样写好像不生效，校验逻辑没更新。到底该怎么正确实现动态必填呢？
- 2
回答
24浏览
Vuelidate 表单验证后如何手动清除某个字段的错误状态？
我在用 Vuelidate 做表单验证，提交失败后某些字段会显示错误。现在用户修改了其他字段，我想手动清除某个特定字段（比如 email）的验证错误，但试了 $v.email.$reset() 好像没...
- 2
回答
30浏览
Avue 表单中如何动态设置某个字段的 required 验证规则？
我在用 Avue 做一个动态表单，有些字段是否必填要根据其他选项来决定。比如选了“个人”类型，身份证号就必填；选了“企业”，就不需要。我试过在 option 里直接改 rules，但好像没生效。 现在...
- 1
回答
9浏览
Yup 验证表单时如何动态添加或移除验证规则？
我在用 Yup 做一个带条件验证的注册表单，比如用户选了“学生”身份才需要填学校字段。但我不确定怎么在运行时动态加或删验证规则，试过直接修改 schema 但好像没生效。 比如下面这样写，切换身份后学...
- 1
回答
8浏览
Joi 表单验证时如何动态添加校验规则？
我用 Joi 做前端表单验证，但有个字段的校验规则要根据另一个字段的值动态变化。比如当“用户类型”是“企业”时，“公司名称”才必填。试过在 schema 里用 Joi.when()，但一直报错说方法不...
- 2
回答
49浏览
VeeValidate 表单验证时如何动态修改错误提示样式？
我用 VeeValidate 做表单验证，现在想根据验证状态动态改变错误信息的样式，比如输入框无效时让错误文字变红。但发现默认的 <ErrorMessage> 组件好像没法直接加 clas...
- 1
回答
19浏览
Yup 表单验证中如何动态设置必填字段？
我在用 React Hook Form 配合 Yup 做表单验证，现在有个需求：当用户勾选“需要发票”时，发票抬头字段才变成必填。但我发现即使 Yup 的 schema 动态变了，表单也不会重新校验这...
- 1
回答
18浏览
Schema驱动的低代码平台如何动态控制CSS样式？
我在用一个基于Schema的低代码平台开发表单页面，现在想根据字段值动态切换某个元素的样式，比如输入框为空时边框变红。但Schema里只能配置静态class，没法写条件逻辑。我试过在Schema里直接...
- 1
回答
67浏览
React动态表单中如何正确更新嵌套数组字段的值？
我在用React做动态表单，允许用户添加多个联系人信息，每个联系人又有多个电话号码字段。现在遇到一个问题：当修改第二个联系人的第二个电话号码时，第一个联系人的最后一个号码也会跟着变。 我用useSta...
- 2
回答
200浏览
React动态表单嵌套对象更新时其他字段莫名消失怎么办？
我在用React做动态表单时遇到个怪问题，当表单数据是嵌套对象数组结构，修改某个字段后其他字段的值会突然清空... 比如这样一段代码，当修改第二个嵌套对象的price时，对应的name字段就没了，已经...
- 1
回答
20浏览
useReducer 中如何正确更新嵌套对象的状态？
我在用 useReducer 管理表单状态，状态里有个嵌套对象，每次想改里面的某个字段，结果整个对象都被替换了，其他字段就丢了。试过用展开运算符，但好像没生效。 比如我的 state 是 { user...
记得在 template 里给 el-form 加上 ref="formRef"。这下应该稳了，别忘了处理好表单引用的初始化。