title: parsley js validation - prioritizing the validation constraints and custom error messages
body: <p>I am trying to make this parsley validation display only one error message at a time for the confirm email field. I tried various options and priorityEnabled is also set to true by default. However still two messages are displayed for confirm email message.</p>
  
  <pre><code>&lt;!Doctype html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  
  &lt;style&gt;
  #fullnameErr {
      display: inline-block;
  }
  
  &lt;/style&gt;
  
  &lt;script src="jquery.js"&gt;&lt;/script&gt;
  &lt;script src="parsley.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;form id="demo-form" data-parsley-validate&gt;
  
    &lt;!-- this field is just required, it would be validated on form submit --&gt;
    &lt;label for="fullname"&gt;Full Name * :&lt;/label&gt;
    &lt;input type="text" name="fullname" data-parsley-trigger="change" data-parsley-length="[1,6]" data-parsley-errors-container="#fullnameErr" required /&gt;
    &lt;div id="fullnameErr"&gt;&lt;/div&gt;
  
    &lt;!-- this required field must be an email, and validation will be run on
    field change --&gt;
    &lt;label for="email"&gt;Email * :&lt;/label&gt;
    &lt;input type="email" id="emailid" name="email" data-parsley-trigger="change" required /&gt;
  
  
     &lt;label for="email"&gt;Confirm Email * :&lt;/label&gt;
    &lt;input type="email" name="email" data-parsley-trigger="change"  data-parsley-equalto= "#emailid" required data-parsley-stop-on-first-failing-constraint="true" /&gt;
  
    &lt;!-- radio and checkbox inputs by default have to be wrapped in a parent
    elemnt (here &lt;p&gt;) that will have success and error classes --&gt;
    &lt;label for="gender"&gt;Gender *:&lt;/label&gt;
    &lt;p&gt;
      M: &lt;input type="radio" name="gender" id="genderM" value="M" required /&gt;
      F: &lt;input type="radio" name="gender" id="genderF" value="F" /&gt;
    &lt;/p&gt;
  
    &lt;!-- here, field is not required, it won't throw any error if no checkbox
    is checked. But if checked, two at least must be checked --&gt;
    &lt;label for="hobbies"&gt;Hobbies (2 minimum):&lt;/label&gt;
    &lt;p&gt;
      Skiing &lt;input type="checkbox" name="hobbies" value="ski" data-parsley-mincheck="2" /&gt;
      Running &lt;input type="checkbox" name="hobbies" value="run" /&gt;
      Eating &lt;input type="checkbox" name="hobbies" value="eat" /&gt;
      Spleeping &lt;input type="checkbox" name="hobbies" value="sleep" /&gt;
      Reading &lt;input type="checkbox" name="hobbies" value="read" /&gt;
      Coding &lt;input type="checkbox" name="hobbies" value="code" /&gt;
    &lt;p&gt;
  
  
    &lt;!-- regular select input. Nothing more to add. --&gt;
    &lt;label for="heard"&gt;Heard us by *:&lt;/label&gt;
    &lt;select id="heard" required&gt;
      &lt;option value=""&gt;Choose..&lt;/option&gt;
      &lt;option value="press"&gt;Press&lt;/option&gt;
      &lt;option value="net"&gt;Internet&lt;/option&gt;
      &lt;option value="mouth"&gt;Word of mouth&lt;/option&gt;
      &lt;option value="other"&gt;Other..&lt;/option&gt;
    &lt;/select&gt;
  
    &lt;!-- this optional textarea have a length validator that would be checked on keyup after 10 first characters, with a custom message only for minlength validator --&gt;
    &lt;label for="message"&gt;Message (20 chars min, 100 max) :&lt;/label&gt;
    &lt;textarea name="message" data-parsley-trigger="keyup" data-parsley-length="[20, 100]" data-parsley-validation-threshold="10" data-parsley-minlength-message = "Come on! You need to enter at least a 20 caracters long comment.."&gt;&lt;/textarea&gt;
  
    &lt;input type="submit" /&gt;
  &lt;/form&gt;
  &lt;body&gt;
  
  &lt;/html&gt;
  </code></pre>