title: How can I show error messages in order for jquery validation engine?
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form id="formVa" method="post" style="margin-top:100px; margin-left:100px;"&gt;
      &lt;label&gt;
          Email
      &lt;input name="user_email" value="" type="text" 
          data-validation-engine="validate[required,custom[email]]" 
          data-errormessage-value-missing="Required Field" 
          data-errormessage-custom-error="Invalid Mail" /&gt;
      &lt;/label&gt;
      &lt;label&gt;
          Name
      &lt;input name="user_name" value="" type="text" 
          data-validation-engine="validate[required]" 
          data-errormessage-value-missing="Required Field" /&gt;
      &lt;/label&gt;
      &lt;button type="submit"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('#formVa').validationEngine(
      'attach', {
          promptPosition : 'topRight:-90,15',
          scroll: false,
          autoHidePrompt: true,
          autoHideDelay: 2500,
          fadeDuration: 0.3,
          focusFirstField : false
      }
  );
  </code></pre>
  
  <p><strong><kbd><a href="http://jsfiddle.net/g5pZu/3/" rel="nofollow noreferrer">Code example</a></kbd></strong></p>
  
  <p>I use jquery validation engine for my forms and I want to show error messages in order. For example if email field is empty, show "Required Field" error message and if the user typed anything and email is incorrect, show "Invalid Mail" error message. But it show all messages together as below. </p>
  
  <p><img src="https://i.stack.imgur.com/HpUVQ.jpg" alt="enter image description here"></p>
  
  <p>But I want it in order How can I do this?</p>