title: JQuery Error Placement for multiple errors DIV's
body: <p>In my HTML form I have five DIV's to place my errors.
  Each Div already has text in which I would like to change, if this is too difficult I would be happy to remove the inner text.</p>
  
  <p>I am using JQuery Validator for my checking.</p>
  
  <p>How can I specify the positioning of my error messages?<br>
  I have found posts on using a single div.  Please can someone show me how to implement it into my code.</p>
  
  <pre><code>&lt;div id="errReg1"&gt;&lt;p&gt;Your Full Name&lt;/p&gt;&lt;/div&gt;
  &lt;div id="errReg2"&gt;&lt;p&gt;Your Username&lt;/p&gt;&lt;/div&gt;
  &lt;div id="errReg3"&gt;&lt;p&gt;Existing Email example@a.com&lt;/p&gt;&lt;/div&gt;
  &lt;div id="errReg4"&gt;&lt;p&gt;Phone Number UK&lt;/p&gt;&lt;/div&gt;
  &lt;div id="errReg5"&gt;&lt;p&gt;DOB ex 01/01/2000&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The Validate script is:</p>
  
  <pre><code>$(function() {
  
          // validate webmail Register form on keyup and submit
          $("#webmailRegisterForm").validate({
               rules: 
               {  
                  webmailFullName:
                  {
                      required: true,
                      minlength: 7
                  },
                  webmailUserName:
                  {
                      required: true,
                      minlength: 9,
                      email: true
                  },
                  webmailExEmail:
                  {
                      required: true,
                      minlength: 9,
                      email: true
                  },
                  webmailPhone:
                  {
                      required: true
                      //phone number
                  },
                  //webmailDOB
                  //{
                  //}
               },
               //The Error Messages
               messages: 
               {
                  webmailFullName:
                  {
                      required: "Please provide a full name",
                      minlength: "Name must be at least 7 characters"
                  },
                  webmailUserName:
                  {
                      required: "Please provide a AllColes email",
                      minlength: "AllColes email must be at least 9 characters",
                      email: "Please enter a valid username@allcoles.com email"
                  },
                  webmailExEmail:
                  {
                      required: "Please provide an existing email",
                      minlength: "Existing Email must be at least 9 characters",
                      email: "Please enter a valid email"
                  },
                  webmailPhone:
                  {
                      required: "Please enter a UK Mobile Number",
                  },
                  //webmailDOB
               },
          errorContainer: "#errReg1, #errReg2",
          errorLabelContainer: "#errReg3", 
          submitHandler: function(form) {
          form.submit();
      }
  });
  
  });
  </code></pre>
  
  <p>Thank you</p>
  
  <p>I have made progress I think but it's not working, please help me with what I'm doing wrong?</p>
  
  <pre><code>errorPlacement: function(error, element){ 
                   switch (error.text())
                   {
                   case 0:
                     x="Please provide a full name";
                     $('#errReg1').text(error.text());
                     break;
                   case 1:
                     x="Name must be at least 7 characters";
                     $('#errReg1').text(error.text());
                     break;
                   case 2:
                     x="Please provide a AllColes email";
                     $('#errReg2').text(error.text());
                     break;
                   case 3:
                     x="AllColes email must be at least 9 characters";
                     $('#errReg2').text(error.text());
                     break;
                   case 4:
                     x="Please enter a valid username@allcoles.com email";
                     $('#errReg2').text(error.text());
                     break;
                   }
               },
  </code></pre>