ReCaptcha：如何在发送验证码时自动提交表单

Question

我想使用ReCaptcha在页面上加载一些额外的数据。 我希望在输入ReCaptcha时自动提交表单。 所以我不需要额外的提交按钮。 问题是recaptcha在iframe中加载其内容，因此有点困难。

目前我有这样的形式：

<form action="javascript:getInfo(grecaptcha.getResponse(widget1));" >
      <div id="captcha"></div>
      <br>
      <input type="submit" value="Submit">
</form>

如何在提交外部表单的recaptcha提交中获得类似事件监听器的内容？

Answer 1

这听起来像一个有趣的技术。 它会减少用户的点击和击键。 这是你如何做到这一点，通过听取成功的验证码响应，你将能够跟进所需的行动。 这是一个示例和一些文档。 https://developers.google.com/recaptcha/docs/display#example

 var RC2KEY = 'sitekey'; function reCaptchaVerify(response) { if (response === document.querySelector('.g-recaptcha-response').value) { document.forms['form-name'].submit(); } } function reCaptchaExpired() { /* do something when it expires */ } function reCaptchaCallback() { grecaptcha.render('id', { 'sitekey': RC2KEY, 'callback': reCaptchaVerify, 'expired-callback': reCaptchaExpired }); } 

 <script src='https://www.google.com/recaptcha/api.js?onload=reCaptchaCallback&render=explicit'></script> 

Answer 2

使用#而不是?

? 用于开始查询字符串，并将使用method=GET类型响应。 #是锚符号并且可以工作。