title: Validation of form input fields in React
body: <pre><code>&lt;div className="form-group"&gt;
    &lt;label className="col-sm-0 control-label"&gt; Name : &amp;nbsp; &lt;/label&gt;
    &lt;input
      type="text"
      value={this.state.UserName}
      onChange={this.handleChangeUserName}
      placeholder="Name"
      pattern="[A-Za-z]{3}"
      className="form-control"
    /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Hi, I am trying to validate a form input field in React using pattern validation. But it's not working. I am using validation as simple as <code>pattern="[A-Za-z]{3}"</code>.</p>
  
  <p>Kindly let me know how to work this out. Putting validation in React Bootstrap component.</p>