使用form-validator对ReactJs中的选项卡进行表单验证

问题描述

已经进行了一些问答,这似乎与我的问题非常接近Tabbed form and validation.。但是,它不能解决我的问题。

我正在使用react-material-ui-form-validator,如果您在 ValidatorForm 中有多个输入,并且尝试提交,它将显示错误并且不会如果有任何错误,则允许提交表单。

然后,我将输入分为两部分,并在 ValidatorForm 中使用了Material-UI tabs现在提交时,它只会在打开的标签上显示错误,而不会在隐藏的标签上显示错误。一种检查方式是是否需要,我可以检查提交状态,并执行诸如“不提交”和使用感叹号图标更新标签的标签之类的操作。但是,这不会显示错误字段。

但是,我正在寻找一种可以简化操作而又无需对提交处理程序进行更多检查的事情,而验证程序可以充当一种分页表单。

这里是CodeSandbox Link供您参考。如果您有任何解决方案,请分叉您对代码的更改。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)