title: Required is not working on array of input in HTML5
body: <p>I want to make several text fields required with attribute <code>required</code>, but it is not working.</p>
  
  <p>Any idea why? Is it mandatory to do it with JQuery or is there any HTML5 way to do it?</p>
  
  <pre><code>&lt;form method="POST" action="https://my.kendozone.com/tournaments/testlt/users" accept-charset="UTF-8" class="form-horizontal" novalidate="novalidate"&gt;
  
  &lt;input type="text" name="firstnames[]" class="form-control" required&gt;
  &lt;input type="text" name="firstnames[]" class="form-control" required&gt;
  &lt;button type="submit" class="btn btn-primary"&gt;Save&lt;/button&gt;  
          &lt;/form&gt;
  </code></pre>
  
  <p>Here is the fiddle
  <a href="https://jsfiddle.net/xoco70/ezt61gw6/2/" rel="nofollow noreferrer">https://jsfiddle.net/xoco70/ezt61gw6/2/</a></p>