5

在我的网页中,我通过调用函数来验证基于 Invisible Recaptcha 的表单grecaptcha.execute()。通常这对用户来说是不可见的;他们所看到的grecaptcha只是完成验证后触发的表单提交。

有时,不那么不可见的 Recaptcha 行为会被触发(例如,如果用户行为可疑),并向用户显示他们必须解决的常规验证码。发生这种情况时,我想以编程方式检测它。

是否可以在调用后以编程方式发现验证码是否显示给用户grecaptcha.execute()


到目前为止,我已经尝试使用MutationEventsand来观察 DOM MutationObservers。不幸的是,所有有趣的事情都发生在 an 内部iframe,似乎无法判断是否显示了完整的验证码。

我不想测量grecaptcha调用我给它的回调需要多长时间,因为那是不可靠的(例如,缓慢的移动连接会扭曲结果)。


标记:

<form id="form" method="post" action="/form">
    Name: (required) <input id="name" name="name">
    <div id="g-recaptcha-div"
        class="g-recaptcha"
        data-sitekey="keeeey"
        data-callback="onRecaptchaDone"
        data-size="invisible"></div>
    <button id="thebutton">Submit</button>
</form>

代码:

function onSubmit(event) {
    event.preventDefault();
    grecaptcha.reset();
    grecaptcha.execute();
}
function onRecaptchaDone(token) {
    form.submit();
}
window.onload = function() {
    form.onsubmit = onSubmit;
}
4

0 回答 0