如何防止Google reCAPTCHA(v3)启用其附加的按钮

时间:2020-08-04 21:25:08

标签: html recaptcha recaptcha-v3

我正在将reCAPTCHA v3添加到我网站上的用户注册表单中。以前,表单上的“提交”按钮默认情况下处于禁用状态,并在进行某些验证(接受ToS等)后启用。但是,当我将reCAPTCHA添加到提交按钮时,reCAPTCHA代码启用了我不希望的按钮。

我在按钮上设置了DOM断点,并验证了确实是启用该按钮的reCAPTCHA代码。我还有一个Codepen演示了问题here,该问题显示了一个带有reCAPTCHA的最初禁用的按钮和另一个没有reCAPTCHA的最初禁用的按钮:

    <button disabled class="g-recaptcha" data-sitekey="..." data-callback="onSubmit">Button w/ reCAPTCHA</button>
    <button disabled>Button w/o reCAPTCHA</button>

具有reCAPTCHA的一个通过reCAPTCHA代码启用,而另一个保持禁用。

reCAPTCHA v3是否有任何配置选项,以避免自动启用它所连接的按钮?

1 个答案:

答案 0 :(得分:1)

我从没找到禁用该功能的选项,因此最终放弃了基于属性的reCAPTCHA激活,转而使用programmatically invoking the challenge