title: How to do Multiple Input form Validation with React-bootstrap?
body: <p>I am new React,I Just want to implement form validation with multiple input with react-bootstrap.I have no Idea How to do that.I am Confused how to connect validation state with React-bootstrap Thanks in advance.....</p>
  
  <pre><code>import React,{Component} from 'react';
  import {FormControl,FormGroup,ControlLabel,HelpBlock} from 'react-bootstrap'
  
  class SignUp extends Component{
      getValidationState = () =&gt; {
          console.log('Am I called');
          const length = this.state.value.length;
          if (length &gt; 10) return 'success';
          else if (length &gt; 5) return 'warning';
          else if (length &gt; 0) return 'error';
          return null;
      }
      render(){
          return(
              &lt;div style={{marginTop:'65px'}} className="container"&gt;
                  &lt;form &gt;
                      &lt;FieldGroup
                          id="formControlsText"
                          type="text"
                          label="Text"
                          placeholder="Enter text"
                      /&gt;
                      &lt;FieldGroup
                          id="formControlsEmail"
                          type="email"
                          label="Email address"
                          placeholder="Enter email"
                      /&gt;
  
                      &lt;FieldGroup
                          id="formControlsEmail"
                          type="email"
                          label="Email address"
                          placeholder="Enter email"
                      /&gt;
  
                  &lt;/form&gt;
              &lt;/div&gt;
          )
      }
  }
  
  function FieldGroup({ id, label, help, ...props }) {
      return (
          &lt;FormGroup controlId={id} validationState="success"&gt;
              &lt;ControlLabel&gt;{label}&lt;/ControlLabel&gt;
              &lt;FormControl {...props} /&gt;
              {help &amp;&amp; &lt;HelpBlock&gt;{help}&lt;/HelpBlock&gt;}
          &lt;/FormGroup&gt;
      );
  }
  
  
  export default SignUp
  </code></pre>