Eu estou usando acordeão jQuery para dividir meus formulários em vários painéis e validação de jQquery para verificar os campos necessários. Funciona muito bem para mostrar erros em campos validados, desde que estejam no painel aberto.

Um exemplo. Digamos que eu tenha painéis de acordeão de árvore e no primeiro eu tenho dois campos de formulário que precisam ser validados. Agora, se o visitante mudar para o painel dois ou três e enviar o formulário sem preencher os campos obrigatórios no painel um, quero que o primeiro painel do acordeão se abra e mostre os erros.

Alguém sabe uma maneira de fazer isso funcionar?

Este é o código que estou usando hoje:

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