ReCaptcha 2.0：如果 recaptcha 成功，则启用回调上的提交按钮

Question

我有一个非常简单的表格，如下所示。我想让提交按钮被禁用，并且只有在用户成功完成 ReCaptcha 之后才启用。

我假设我需要一些 Javascript / jQuery 来执行此操作。

Google 关于 ReCaptcha 2.0 的文档似乎非常稀疏和密集（无论如何，对我来说）。我会很感激一些指示：

<form action="something.php" method="post">
    Name: <input type="text" size="40" name="name"><br><br>
    <div class="g-recaptcha" data-sitekey="############-#####"></div>
    <input type="submit" value="Submit" >
</form>

Answer 1

我在我的测试站点上做了同样的事情。但是，我使用了按钮而不是提交，所以在这里：

你必须添加属性data-callback="enableBtn"data-callback属性在recaptcha完成后执行指定的功能。

<div class="g-recaptcha" data-sitekey="############-#####" data-callback="enableBtn"></div>

并将按钮的 id 设置为您想要的任何 id 并将其设置为禁用：

<input type="button" value="Submit" id="button1" disabled="disabled">

然后在javascript上创建一个函数来启用按钮

 function enableBtn(){
   document.getElementById("button1").disabled = false;
 }

希望对你有帮助。