ReCaptcha 2.0:如果重新成功,则在回调时启用"提交"按钮

Question

我有一个非常简单的表格如下.我想这样做是为了禁止提交按钮,并且仅在用户成功完成ReCaptcha 后启用.

我假设我需要一些Javascript/jQuery才能做到这一点.

谷歌关于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">

在页面加载/表单加载禁用按钮

 document.getElementById("button1").disabled = true;

然后在javascript上创建一个启用按钮的功能

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

希望能帮助到你.