title: "submit" button is still clickable while using bootstrap validator plugin
body: <p>I'm using bootstrap validator to validate the form in my react app, facing issues like the submit button is disabled but still clickable in the form, I want to make the button non clickable until the form gets validated. I added the disabled property but its not getting enabled once the form is valid.Below is my code.. Can anyone help here</p>
  
  <pre><code>&lt;form data-toggle="validator" role="form"&gt;
    &lt;div className="form-group"&gt;
      &lt;div className="col-xs-5" id="form" style={{display:'none'}}&gt;
        {this.renderForm(this.props.fld_dtl_da)}
        &lt;button type="button" className="btn btn-default" onClick={this.ClearForm}&gt;Clear&lt;/button&gt;&amp;nbsp;&amp;nbsp;
        &lt;button type="submit" disabled='disabled' className="btn btn-primary" onClick={this.HandleClick}&gt;Submit&lt;/button&gt;
        &lt;br/&gt;&lt;br/&gt;
      &lt;/div&gt;
      &lt;div id="url" class="alert alert-info" style={{display:'none'}}&gt;
        &lt;Confirmation message={this.state.message}/&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>