主页 / 问题 / 1524416
Accepted
nup
Asked:2023-06-07 16:19:54 +0000 UTC2023-06-07 16:19:54 +0000 UTC

如何在 JS 上检查不可见的 Recaptcha V2？

  • 772

我用下面的代码recaptcha v2在旁边检查：js

grecaptcha.getResponse().length == 0

但是此代码不适用于 invisible。recaptcha如何在提交之前检查不可见的表单？

javascript

1 个回答

  1. Best Answer

    如果我正确理解任务，那么答案就在页面最后一个脚本的文档中。检查是通过完成的grecaptcha.execute()。我检查了我域上的代码，v2 invisible在提交表单之前注册，如果填写完毕，则会进行验证。很明显脚本是针对特定任务修改的，挂handler的方法和函数本身validate

    <html>
  <head>
  <script>
    function onSubmit(token) {
      alert('thanks ' + document.getElementById('field').value);
    }

    function validate(event) {
      event.preventDefault();
      if (!document.getElementById('field').value) {
        alert("You must add text to the required field");
      } else {
        grecaptcha.execute();
      }
    }

    function onload() {
      var element = document.getElementById('submit');
      element.onclick = validate;
    }
  </script>
  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  </head>
  <body>
    <form>
      Name: (required) <input id="field" name="field">
      <div id="recaptcha" class="g-recaptcha"
          data-sitekey="_your_site_key_"
          data-callback="onSubmit"
          data-size="invisible"></div>
      <button id="submit">submit</button>
    </form>
    <script>onload();</script>
  </body>
</html>
    • 0

相关问题