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>