title: Make a field or all fields required in React
body: <p>I have an input field like this:</p>
  <pre><code>&lt;Form.Field
    name=&quot;contactName&quot;
    className=&quot;&quot;
    control={Input}
    label=&quot;Contact Name&quot;
    placeholder=&quot;Contact Name&quot;
    value={this.state.contactName || ''}
    onChange={this.onChange}
  /&gt;
  </code></pre>
  <p>and I want to make it required so for that it should be add <code>required</code> attribute and now looks like this:</p>
  <pre><code>&lt;Form.Field
    name=&quot;contactName&quot;
    className=&quot;&quot;
    control={Input}
    label=&quot;Contact Name&quot;
    placeholder=&quot;Contact Name&quot;
    value={this.state.contactName || ''}
    onChange={this.onChange}
    required
  /&gt;
  </code></pre>
  <p>I noticed that it also adds a red asterisk near the input's title. The problem is that the user can still click the submit button and they will not know that the entry was not created (they don't check the network to see the call failed).</p>
  <p>Is there a way to make it impossible to submit if the required data is not introduced? Also something like a popup/hover saying that it requires data?</p>