Может кому то понадобиться мне помогло вот это решение в общем файлe js в моем случае это main.js
Прописываем 1 вот этот скрип для подключения капчи:
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
Прописываем 2:
var onloadCallback = function () {
let mysitekey = ' ваш ключ';
grecaptcha.render('recaptcha1', {
'sitekey': 'mysitekey ', // Ваш ключ
'callback': onRecaptchaSuccess, // Функция что будет передавать response в консоль при отмеченной капчи
'expired-callback': onRecaptchaExpired, // Функция что будет передавать срок действия капчи в консоль
'timeout': 120000 // Время срока действия капчи
});
grecaptcha.render('recaptcha2', {
'sitekey': 'mysitekey ',
'callback': onRecaptchaSuccess2,
'expired-callback': onRecaptchaExpired,
'timeout': 120000
});
};
var isRecaptchaChecked = false; // Флаг для отслеживания отмеченности reCAPTCHA
function onRecaptchaSuccess(response) {
// Действия при успешной проверке reCAPTCHA
console.log('reCAPTCHA успешно пройдена1.');
console.log('Ответ:', response);
isRecaptchaChecked = true; // Устанавливаем флаг в true
}
function onRecaptchaSuccess2(response) {
// Действия при успешной проверке reCAPTCHA
console.log('reCAPTCHA успешно пройдена2.');
console.log('Ответ:', response);
isRecaptchaChecked = true; // Устанавливаем флаг в true
}
function onRecaptchaExpired() {
// Действия при истечении срока действия отклика на reCAPTCHA
console.log('Срок действия reCAPTCHA истек.');
isRecaptchaChecked = false; // Устанавливаем флаг в false
}
В итоге у вас должно получиться 2 капчи, которые не зависят друг от друга даже при одинаковом ключе. recaptcha1 и recaptcha2 это id
