jquery error message place in div (jquery.validate.js)

Question

У меня есть следующий скрипт, который проверяет страницы с помощью jquery.validate.js через викторину и отлично работает. Я хочу, чтобы сообщение об ошибке для обязательных полей было помещено в div с именем errormessage. Проверка jQuery обычно возвращает сообщение «это поле обязательно».

Вот этот скрипт

<script type="text/javascript"> 
var curPage=1; 
function NextPage() { 
    if (curPage < <?= $num; ?>) { 
     var group = "#page_" + curPage.toString(); 
     var isValid =true; 
     $(group).find(':input').each(function (i, item) { 
       if (!$(item).valid()) 
       isValid = false; 
      }); 

     if(!isValid){ alert("PLEASE MAKE A SELECTION"); } 
     else{ 
      $("#page_" + curPage.toString()).hide(); //hide current page div 
      curPage++; //increment curpage 
      $("#page_" + curPage.toString()).show(); //show new current page div 
     } 
    } 
} 
function PrevPage() { 

    if (curPage > 1) { 
     $("#page_" + curPage.toString()).hide(); //show new current page div 
     curPage--; //increment curpage 
     $("#page_" + curPage.toString()).show(); //hide current page div 
    } 
} 

function InitializePage() { 
    $(".wizardPage").hide(); 
    $("#page_" + curPage.toString()).show(); 


    $("#surveyForm").validate({onsubmit: false}); 

} 




$(document).ready(InitializePage 
    ); 
</script> 

Answer 1

коммутаторпропинговал эту линию - $("#surveyForm").validate({onsubmit: false}); за следующим -

$("#surveyForm").validate({ 
    rules: { 
    xyz: { 
     required: true 
    } 
}, 
messages: { 
    xyz: { 
    required: $('div#errormessage').append("xyz is a required field!"); 
    } 
} 
}, onsubmit: false) 

Он будет проверять, если xyz заполнен или нет. Если нет, то он установит xyz is a required field! в div с iderrormessage.

Для получения дополнительной информации о правилах ознакомьтесь с this page. Прокрутите вниз до тех пор, пока вы не перейдете к «правилам».

Приведенный выше код, поместив правила для каждого поля, позволит вам указать разные местоположения для каждого сообщения об ошибке. Сообщение в блоге в ответе паука содержит более простой способ сделать что-то, и предпочтительнее, если вы не требуете этой настройки.

Answer 2

Try создание элемента контейнера ошибки, как описано здесь:

http://mitchlabrador.com/2010/11/05/how-to-change-the-way-jquery-validate-handles-error-messages/