Страница 1 из 1
Капча + Регистрация (Решено)
Добавлено: 24 сен 2024, 08:48
Parazit00
Здравствуйте! Подскажите, пожалуйста, как настроить отображение капчи только на 4-м шаге регистрации. В данный момент она показывается на каждом этапе, что может запутать пользователей и заставить их проходить капчу на каждом шаге.
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
Вдруг кому то будет нужно

Код: Выделить всё
$(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 отображаются на последнем шаге.
Большое вам человеческое спасибо за реализацию ..