Как сделать обьязательным поле google recaptcha? Например если пользователь не прошел капчу то кнопка отправить не работает
window.onload = function() {
var $recaptcha = document.querySelector('#g-recaptcha-response');
if($recaptcha) {
$recaptcha.setAttribute("required", "required");
}
const $form = document.querySelector('form');
$form.addEventListener('submit', (event) => {
event.preventDefault();
console.log('prevented submit by code for demo');
});
};
.wrapper {
padding: 100px;
}
#g-recaptcha-response {
display: block !important;
position: absolute;
margin: -78px 0 0 0 !important;
width: 302px !important;
height: 76px !important;
z-index: -999999;
opacity: 0;
}
<div class="wrapper">
<form>
<div class="g-recaptcha" data-sitekey="6LcCsWoUAAAAAO520lKAXtblM0p76KNXL3n0dVUZ"></div>
<button type="submit"> Submit</button>
</form>
</div>
Чтобы посмотреть на пример в работе: https://codepen.io/internetztube/pen/aaoLqM
Суть кода заключается в том, чтобы после загрузки страницы повесить на input g-recaptcha-response
атрибут required
. Так как базовых возможностей нет. Всегда пользовался этим решением, никогда не подводил.
UPD:
$form.addEventListener('submit', (event) => {
event.preventDefault();
console.log('prevented submit by code for demo');
});
Вот тут перехватывается отправка. Вместо console.log('prevented submit by code for demo');
иницируете отправку формы.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Имеется ассоциативный массив массивов объектовНеобходимо отсортировать массивы объектов
не получается понизить версию PHP, вчера обновился до 72, но сегодня решил обратно
Пользуюсь автокомплитом в ИдееПо итогу Идея пишет что не может разрешить имя 'newMusic'