Reply To: Sending user to Tab on validation errors

• janousek.mi

• May 17, 2022 at 12:06 pm

This one opens only the first error and then acf scrolls to it. But it works also with nested tabs and in repeaters. Probably in layouts too, but I haven’t tested it.

acf.add_filter('validation_complete', function (json) {
    if (json.errors) {
        var input = json.errors.shift().input;
        $('[name="' + input + '"]').parents('.acf-field').each(function(){
            var $tab = $(this).prevAll('[data-type="tab"]').first();
            if($tab.length){
                var tab_data_key = $tab.attr('data-key');
                $tab.prevAll('.acf-tab-wrap').find('a[data-key="' + tab_data_key + '"]').click();
            }
        });
    }

    return json;
});