javascript - 如何检查用户已在 Google recaptcha 中选中复选框的 js？

Question

我在头部末尾添加了以下内容

<script src='https://www.google.com/recaptcha/api.js'></script>

我在表格末尾添加了这个

<div class="g-recaptcha" data-sitekey="== xxxxxx =="></div>

我可以看到类似于 https://developers.google.com/recaptcha/ 的验证码

然而，当用户在没有选中复选框的情况下按下数据时，数据将被提交。我是否需要添加任何其他代码来检查用户是否按下了复选框？希望在 js 中？

Answer 1

当复选框被选中时，Google 有一个回调选项。

将此添加到您的表单元素:

data-callback="XXX"

例子:

<div class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="== xxxxxx =="></div>

以及您的提交按钮的禁用属性。

例子:

<button id="submitBtn" disabled>Submit</button>

然后创建一个回调函数并编写您需要的任何代码。

例子:

function recaptchaCallback() {
    $('#submitBtn').removeAttr('disabled');
};