Капча + Регистрация (Решено)

[Parazit00]

Здравствуйте! Подскажите, пожалуйста, как настроить отображение капчи только на 4-м шаге регистрации. В данный момент она показывается на каждом этапе, что может запутать пользователей и заставить их проходить капчу на каждом шаге.

[support]

По факту она отображается просто внизу формы.

[Parazit00]

По факту она отображается просто внизу формы.

Получается, ничего нельзя сделать, и к капче никак нельзя применить правило отображения. Это печально. Тогда добавлю текст с уведомлением для клиентов, чтобы капчу решали в самом конце.

[Fait]

По факту она отображается просто внизу формы.

Получается, ничего нельзя сделать, и к капче никак нельзя применить правило отображения. Это печально. Тогда добавлю текст с уведомлением для клиентов, чтобы капчу решали в самом конце.

Можно попробовать с помощью JS переместить блок с капчей в блок 4 шага

[Parazit00]

По факту она отображается просто внизу формы.

Получается, ничего нельзя сделать, и к капче никак нельзя применить правило отображения. Это печально. Тогда добавлю текст с уведомлением для клиентов, чтобы капчу решали в самом конце.

Можно попробовать с помощью JS переместить блок с капчей в блок 4 шага

Спасибо за подсказку реализовал через JS

Вдруг кому то будет нужно

Код: Выделить всё

$(function() { 
    // Инициализация формы
    $("#registration_form").bootstrapWizard({
        tabClass: "nav nav-tabs",
        nextSelector: ".btn-wizard-next",
        previousSelector: ".btn-wizard-previous",
        finishSelector: ".btn-wizard-finish",
        onTabShow: function (tab, navigation, index) {
            var total = navigation.find('li:not(".dropdown")').length;
            var current = index + 1;
            var $percent = (current / total) * 100;

            $("#registration_form").find(".progress-bar").css({width: $percent + "%"}).html("Шаг " + current + " из " + total);
        }
    });

    // Скрыть капчу при инициализации
    $('.g-recaptcha').hide();

    // Отслеживаем событие активации вкладки
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        // Проверяем, активна ли вкладка с #form_tab_32
        var target = $(e.target).attr("href"); // получаем ID активной вкладки

        if (target === '#form_tab_32') {
            console.log('Вкладка Способы связи активна: показываем капчу');
            $('.g-recaptcha').show();  // Показать капчу
        } else {
            console.log('Вкладка Способы связи неактивна: скрываем капчу');
            $('.g-recaptcha').hide();  // Скрыть капчу
        }
    });
});

Если лог не нужен
Удалите - console.log

[Fait]

Во, отлично получилось!

[support]

Доработал код для версии 3.6 и теперь если включен Form Wizard то Пользовательское соглашение и recaptcha отображаются на последнем шаге.

[Parazit00]

Доработал код для версии 3.6 и теперь если включен Form Wizard то Пользовательское соглашение и recaptcha отображаются на последнем шаге.

Большое вам человеческое спасибо за реализацию ..