Всплывающее предупреждение для Recapcha

Добрый день. Создана Ajax форма записи на консультацию. Выглядит она вот так:

Поля формы Имя и Телефон на стороне клиента валидируются с помощью HTMLSelectElement.setCustomValidity(). И все работает отлично. При ошибке браузер показывает симпатичное всплывающее окно с подсказкой:

Хочу сделать такое же окно для неотмеченой рекапчи, но не знаю как. Вот код блока Recapcha:

<div class="group-item element-fullwidth">
            <div class="form-group form-group-select-white text-left">
                <label id="g-capcha-label" for="g-capcha" class="form-label form-label-outside rd-input-label text-white-05">Захист</label>
                <div id="g-capcha" required name="recaptcha" class="g-recaptcha" data-sitekey="хххххххххххххххххххххххххххххх"></div>
            </div>
        </div>

Валидация рекапчи происходит перед отправкой формы в JS-функции OnBegin и тоже работает отлично. Вот код:

function OnBeginBooking() {
var v = grecaptcha.getResponse();
if (v.length === 0) {
    //**Что здесь написать?????**
        return false;
    }
    else {
    $(".loader").removeClass("hidden-loader");
    $("#bookingpanel").addClass("hidden-booking-button");
        return true;
    }

}

Кто может посоветовать решение? Можно ли как-то вызвать окно CustomValidity() например для блока div?