title: How can I prevent blank HTML form submissions to go through?
body: <p>I am using <strong><code>Formspree</code></strong> (which is awesome) except: I have set all my fields to required, when I try manually I can't submit a form without filling everything properly, and however I still get a bunch of blank forms coming through. Has anybody experienced / fixed this before? </p>
  
  <p>Thanks!</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form action="https://formspree.io/XXXXXXXX" method="post"&gt;
  &lt;input name="_gotcha" style="display: none" type="text"&gt;
  
  &lt;input class="form-control input-lg" name="firstname" placeholder="First Name" required type="text"&gt;
  
  &lt;input class="form-control input-lg" name="lastname" placeholder="Last name" required type="text"&gt;
  
  &lt;input class="form-control input-lg" name="phone" placeholder="Phone number" required type="text"&gt;
  
  &lt;select required name="country" class="form-control input-lg" style="border-radius:none; -webkit-appearance: none; padding-top:0px;"&gt;
      &lt;option value="" disabled selected&gt;Please select your country &lt;/option&gt;
      &lt;option value="Afganistan"&gt;Afghanistan&lt;/option&gt;
      &lt;option value="Albania"&gt;Albania&lt;/option&gt;
      &lt;option value="other"&gt;Not in the List&lt;/option&gt;
      &lt;!-- etc --&gt;
  &lt;/select&gt;
  
  &lt;input type="hidden" name="referrer" id="referrer_field" /&gt;
  &lt;input type="hidden" name="url" id="url_field" /&gt;
  
  &lt;button id="demo" type="submit"&gt;GO&lt;/button&gt;
  </code></pre>