ReCaptcha 2.0: 在回调时启用 Submit 按钮，如果 ReCaptcha 成功的话

我有一个非常简单的形式如下。我想使它禁用 Submit 按钮，并且只启用之后，用户已经成功完成了 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>

75624

小开

最佳答案

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

必须添加属性 data-callback="enableBtn" data-callback 属性，该属性执行在重新捕获之后指定的函数。

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

希望能有所帮助。