Używam akordeonu jQuery, aby podzielić moje formularze na kilka paneli i walidację jQquery, aby sprawdzić wymagane pola. Działa świetnie, wyświetlając błędy w sprawdzonych polach, o ile znajdują się w otwartym panelu.

Przykład. Powiedzmy, że mam drzewne panele akordeonowe, a na pierwszym mam dwa pola formularza, które muszą zostać zweryfikowane. Teraz, jeśli odwiedzający przełączy się na panel dwa lub trzy i prześle formularz bez wypełniania wymaganych pól w panelu pierwszym, chcę, aby pierwszy panel akordeonowy otworzył i pokazał błędy.

Czy ktoś wie, jak to zrobić?

Oto kod, którego używam dzisiaj:

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