Я использую аккордеон jQuery для разделения моих форм на несколько панелей и проверки jQquery для проверки обязательных полей. Это прекрасно работает для отображения ошибок в проверенных полях, если они находятся на открытой панели.

Пример. Допустим, у меня есть панели для аккордеона, и на первом у меня есть два поля формы, которые необходимо проверить. Теперь, если посетитель переключается на панель два или три и отправляет форму без заполнения обязательных полей на панели один, я хочу, чтобы первая панель аккордеона открылась и показала ошибки.

Кто-нибудь знает способ сделать эту работу?

Это код, который я использую сегодня:

$(document).ready(function() {
$("#accordion").accordion({
    autoHeight: false,
    navigation: true,
});

$("#validate_form").validate({
    rules: {
        page_title: "required",
        seo_url: "required",
        AccordionField: {
            required: true
        }
    },
    ignore: [],
    messages: {
        page_title: "Please enter a page title",
        seo_url: "Please enter a valid name"
    }
 }); 
});