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"

数据回调属性在完成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;
 }

Answer 2

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