如何在使用formy-react-components提交之前验证表单?

时间:2017-10-04 13:55:10

标签: javascript forms reactjs validation react-native

我正在使用formy-react-components来制作表单,我想在提交表单之前验证其输入字段。 有没有办法用formy-react-components做到这一点?

<form onChange={this.validateForm} onValidSubmit={this.handleSubmit} ref='form'>
  <Input type='text' value={this.state.id} className='form-   control' validations="isNumeric"></Input>
  <Input type='text' value={this.state.name}  className='form-control' validations="isAlpha"></Input>
</form>

有错误的输入有css类has-error然后根据我的需要设置样式。 现在我想在更改输入字段中的任何内容或提交表单之前验证表单。有没有办法做到这一点? 我试过看这里:https://github.com/christianalfoni/formsy-react/blob/master/examples/custom-validation/app.js。 但我无法找到我需要的东西。 也许已经使用过该库的人可以指导我如何解决这个问题,或者在安装组件时如何验证表单。

0 个答案:

没有答案