如何在React App中实现全局表单验证



我有一个用Vanilla-Js编写的项目,它在应用程序的不同部分中包含10个形式。所有表格/输入均通过验证验证。

现在,我想在我的新React应用程序中构建相同或相似的验证,这也将具有大约10个形式的内容:

我从登录。JS开始,它的表单具有多个输入,并使用onSubmit和组件的局部状态直接在组件中验证。尽管它运行良好,但我不想在其他组件中再编写9次验证。

也不是编写一种表格的选项。JS并在任何地方重复使用它,因为几乎所有表格看起来都非常不同,并且有不同的目的,这是他们唯一的常见事物:它们都需要在提交之前进行验证。p>有人建议我的问题吗?也许是讨论类似问题的链接?

虽然HTML5验证似乎足以用于基本方案,但formik(请参见Formik(涵盖了React中更复杂的表单/验证方案。例如。如果验证取决于其他字段。值得一看。

最新更新