ReCaptcha 2.0：如果重新验证成功，则在回调中启用提交按钮

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;
 }

希望对您有所帮助。