title: Make a hidden field required
body: <p>This is my code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;label for="uploadFile" class="custom-uploadFile"&gt;
      &lt;i class="fa fa-cloud-upload"&gt;&lt;/i&gt; UPLOAD ID
    &lt;/label&gt;
    &lt;input class="form-control input-lg"  name="picture" id="uploadFile" type="file" style="display:none;" required&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I <em>want</em> to let this upload field be required, but the input is hidden.</p>
  <p>I must use some JavaScript. Or what can I use to solve this problem? I watched a lot of tutorials, but they did not work!</p>