Ошибка размещения JQuery для нескольких ошибок DIV's

Question

В моей HTML-форме у меня есть пять DIV для размещения моих ошибок. В каждом Div уже есть текст, в котором я бы хотел изменить, если это слишком сложно, я был бы рад удалить внутренний текст.

Я использую JQuery Validator для проверки.

Как я могу определить расположение сообщений об ошибках?
Я нашел сообщения об использовании одного div. Может кто-нибудь покажет мне, как реализовать его в моем коде.

<div id="errReg1"><p>Your Full Name</p></div> 
<div id="errReg2"><p>Your Username</p></div> 
<div id="errReg3"><p>Existing Email example@a.com</p></div> 
<div id="errReg4"><p>Phone Number UK</p></div> 
<div id="errReg5"><p>DOB ex 01/01/2000</p></div> 

Сценарий Validate является:

$(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(); 
    } 
}); 

}); 

Спасибо

Я сделал прогресс, я думаю, но это не работает, пожалуйста, помогите мне с тем, что я делаю неправильно?

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; 
       } 
      }, 

Answer 1

errorPlacement: function(error, element){ 
      switch (error.text()) 
      { 
       case "Please provide a full name": 
       case "Name must be at least 7 characters": 
        $('#errReg1').text(error.text()); 
        break; 
       case "Please provide a AllColes email": 
       case "AllColes email must be at least 9 characters": 
       case "Please enter a valid username@allcoles.com email": 
        $('#errReg2').text(error.text()); 
        break; 
       case "Please provide an existing email": 
       case "Existing Email must be at least 9 characters": 
       case "Please enter a valid email": 
        $('#errReg3').text(error.text()); 
        break; 
       case "Please enter a UK Mobile Number": 
        $('#errReg4').text(error.text()); 
        break; 
       } 

      } 
    }, 

Это работало и изменяет формат Див

Answer 2

Ну вы можете изменить текст DIV, как это

$('<div id or class name>').text ('<new text to replace the old one>'); 

Счастливый Coding :)