Страница 1 из 1

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

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

Re: Капча + Регистрация

Добавлено: 24 сен 2024, 08:53
support
По факту она отображается просто внизу формы.

Re: Капча + Регистрация

Добавлено: 24 сен 2024, 09:04
Parazit00
support писал(а): 24 сен 2024, 08:53 По факту она отображается просто внизу формы.
Получается, ничего нельзя сделать, и к капче никак нельзя применить правило отображения. Это печально. Тогда добавлю текст с уведомлением для клиентов, чтобы капчу решали в самом конце.

Re: Капча + Регистрация

Добавлено: 24 сен 2024, 09:09
Fait
Parazit00 писал(а): 24 сен 2024, 09:04
support писал(а): 24 сен 2024, 08:53 По факту она отображается просто внизу формы.
Получается, ничего нельзя сделать, и к капче никак нельзя применить правило отображения. Это печально. Тогда добавлю текст с уведомлением для клиентов, чтобы капчу решали в самом конце.
Можно попробовать с помощью JS переместить блок с капчей в блок 4 шага

Re: Капча + Регистрация

Добавлено: 24 сен 2024, 14:27
Parazit00
Fait писал(а): 24 сен 2024, 09:09
Parazit00 писал(а): 24 сен 2024, 09:04
support писал(а): 24 сен 2024, 08:53 По факту она отображается просто внизу формы.
Получается, ничего нельзя сделать, и к капче никак нельзя применить правило отображения. Это печально. Тогда добавлю текст с уведомлением для клиентов, чтобы капчу решали в самом конце.
Можно попробовать с помощью JS переместить блок с капчей в блок 4 шага
Спасибо за подсказку реализовал через JS

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

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

$(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

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

Добавлено: 24 сен 2024, 15:58
Fait
Во, отлично получилось!👌🏻

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

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

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

Добавлено: 26 сен 2024, 17:35
Parazit00
support писал(а): 26 сен 2024, 16:36 Доработал код для версии 3.6 и теперь если включен Form Wizard то Пользовательское соглашение и recaptcha отображаются на последнем шаге.
Большое вам человеческое спасибо за реализацию ..