title: React Bootstrap Form Validation
body: <p>Currently I have this React Bootstrap Form that I am able to validate the form fields individually:</p>
  
  <pre><code>&lt;RB.Form horizontal&gt;
    &lt;RB.FormGroup
      controlId="cidInputName"
      validationState={this.getNameValidationState()}
    &gt;
      &lt;RB.ControlLabel&gt;Name/Label&lt;/RB.ControlLabel&gt;
      &lt;RB.FormControl
        type="text"
        value={this.state.name}
        placeholder="Enter text"
        onChange={this.handleNameChange}
      /&gt;
      &lt;RB.FormControl.Feedback /&gt;
      &lt;RB.HelpBlock&gt;Any name that you wanna use&lt;/RB.HelpBlock&gt;
    &lt;/RB.FormGroup&gt;
  
    &lt;RB.FormGroup
      controlId="cidInputMonth"
      validationState={this.getMonthValidationState()}
    &gt;
      &lt;RB.ControlLabel&gt;Month (1-12)&lt;/RB.ControlLabel&gt;
      &lt;RB.FormControl
        type="text"
        value={this.state.month}
        placeholder="Enter month number"
        onChange={this.handleMonthChange}
      /&gt;
      &lt;RB.FormControl.Feedback /&gt;
      &lt;RB.HelpBlock&gt;Must be a number from 1 to 12 only&lt;/RB.HelpBlock&gt;
    &lt;/RB.FormGroup&gt;
  
    &lt;RB.FormGroup
      controlId="cidInputDay"
      validationState={this.getDayValidationState()}
    &gt;
      &lt;RB.ControlLabel&gt;Day (1-31)&lt;/RB.ControlLabel&gt;
      &lt;RB.FormControl
        type="text"
        value={this.state.day}
        placeholder="Enter day number"
        onChange={this.handleDayChange}
      /&gt;
      &lt;RB.FormControl.Feedback /&gt;
      &lt;RB.HelpBlock&gt;Must be a number from 1 to 31 only&lt;/RB.HelpBlock&gt;
    &lt;/RB.FormGroup&gt;
  
  &lt;/RB.Form&gt;
  </code></pre>
  
  <p>When each form field has a valid input, each FormGroup's <code>validationState</code> should have <code>'success'</code> as its value. </p>
  
  <p>How do I check for this?
  How do I check the whole form that all inputs are valid and <code>'success'</code>-ful?</p>
  
  <p>Is it an anti-pattern to check each function used in validationState?</p>
  
  <p>e.g.</p>
  
  <pre><code>if(this.getNameValidationState() == true &amp;&amp; this.getMonthValidationState() == true .....etc...)
  </code></pre>