title: jQuery validation plugin - one error message for all required fields
body: <p>How i can show only one message for all required fields?</p>
  
  <p>For example - i have 3 fields, all of them are required. jquery.validate shows error for every field, but i want to show only one message, like "all marked fields are required".</p>
  
  <p>I can't use summary values (like numberOfInvalids or so), because in the same time i need to show typo errors (wrong email, short password, etc).</p>
  
  <p>Code example (left form is to validate, right one is to show how it should looks like):
  <a href="https://i.stack.imgur.com/eRSgN.png" rel="nofollow noreferrer">screenshot of codepen.io</a></p>
  
  <p><a href="https://codepen.io/mike-polo/pen/WyZRBd" rel="nofollow noreferrer">https://codepen.io/mike-polo/pen/WyZRBd</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form class="form-validate"&gt;
      &lt;div class="form-errors"&gt;
          &lt;h3&gt;Errors:&lt;/h3&gt;
          &lt;ul&gt;&lt;/ul&gt;
      &lt;/div&gt;
      &lt;h3&gt;All fields required:&lt;/h3&gt;
      &lt;div class="form-field"&gt;
          &lt;input type="text" name="q" id="f-q" placeholder="Required text field" required&gt;
      &lt;/div&gt;
      &lt;div class="form-field"&gt;
          &lt;input type="email" name="w" id="f-w" placeholder="Required email field"  required&gt;
      &lt;/div&gt;
      &lt;div class="form-field"&gt;
          &lt;input type="text" name="e" id="f-e" placeholder="Required text field" required&gt;
      &lt;/div&gt;
      &lt;input type="submit"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function(){
      $('.form-validate').validate({
          errorContainer: $(this).find('.form-errors'),
          errorLabelContainer: $('ul', $(this).find('.form-errors')),
          wrapper: 'li',
      });
  });
  
  $.extend($.validator.messages, {
      required: "Fill all marked fields please"
  });
  </code></pre>
  
  <p>Thanks ahead!</p>