title: How to validate form before submitting using formsy-react-components?
body: <p>I'm using formsy-react-components to make a form and I want to validate its input fields before submitting the form.
  Is there any way to do that using formsy-react-components?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form onChange={this.validateForm} onValidSubmit={this.handleSubmit} ref='form'&gt;
    &lt;Input type='text' value={this.state.id} className='form-   control' validations="isNumeric"&gt;&lt;/Input&gt;
    &lt;Input type='text' value={this.state.name}  className='form-control' validations="isAlpha"&gt;&lt;/Input&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The inputs with errors have the css class <code>has-error</code> which I then style according to my needs.
  Now I want to validate form before changing anything in the input fields or submitting the form. Is there any way to do that?
  I've tried looking here: <a href="https://github.com/christianalfoni/formsy-react/blob/master/examples/custom-validation/app.js" rel="nofollow noreferrer">https://github.com/christianalfoni/formsy-react/blob/master/examples/custom-validation/app.js</a>.
  But I wasn't able to find what I need.
  Maybe someone who has already used this library can guide me how to go about this, or how to validate form when mounting the component.</p>