formsy-react

已迁移！

本项目已迁移。从 1.0.0 版本开始，后续开发将在 https://github.com/formsy/formsy-react/ 继续。

formsy-React

一个用于 React JS 的表单输入构建器和验证器

背景

我写了一篇关于使用 React JS 进行表单和验证的文章，搞定 React JS 的验证，这个扩展就是那篇文章的成果。

核心概念是，不同开发者和项目对表单、输入和验证的处理方式差异很大。这个针对 React JS 的扩展旨在成为灵活性与可复用性之间的“最佳平衡点”。

你可以做什么

1. 构建任何类型的表单元素组件。不仅仅是传统的输入框，而是任何你想要的组件，并且可以免费获得验证功能

2. 添加验证规则，并使用简单的语法来应用它们

3. 为表单的不同状态使用处理函数。例如：“onSubmit”、“onError”、“onValid”等

4. 将外部错误传递给表单，以使元素失效

5. 你可以动态地向表单添加表单元素，它们会自动注册/注销到表单中

默认元素

你可以查看此仓库中的示例，或使用 formsy-React-components 项目来将 bootstrap 与 formsy-React 结合使用，也可以使用 formsy-material-ui 来将 Material-UI 与 formsy-React 结合使用。

安装

1. 从此仓库下载并全局使用（Formsy）或与 requirejs 一起使用
2. 使用 npm install formsy-React 安装，并与 browserify 等工具一起使用
3. 使用 bower install formsy-React 安装

变更

使用方法

有关示例，请参阅 examples 文件夹。Codepen 演示。

完整的 API 参考可用

Check out releases Older changes