jquery submit() 函数不适用于不可见的 reCAPTCHA

jquery submit() function does not work with invisible reCAPTCHA

我尝试使用 jquery 函数 submit() 在提交表单时发出警告，但没有任何反应。但是，如果我删除了 google 不可见的 reCAPTCHA 代码，提交功能将起作用。有没有办法在不删除 google 不可见的 reCAPTCHA 的情况下使该功能正常工作？

<html>
  <head>
    <title>reCAPTCHA demo: Simple page</title>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <script>
      function onSubmit(token) {
        document.getElementById("demo-form").submit();
      }
    </script>
  </head>
  <body>
    <form id="demo-form" action="?" method="POST">
      <button
        class="g-recaptcha"
        data-sitekey="your_site_key"
        data-callback="onSubmit"
      >
        Submit
      </button>

      <br />
    </form>

    <script>
      $(document).ready(function () {
        $("#demo-form").submit(function () {
          alert("test");
        });
      });
    </script>
  </body>
</html>

谢谢！

我在输入中使用了 type="submit" 而不是按钮。

<html>
  <head>
    <title>reCAPTCHA demo: Simple page</title>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  </head>
  <body>
    <form onSubmit="alert('test') ">
      <input type="submit" />
      <div class="g-recaptcha" data-sitekey="your_site_key"></div>
    </form>
  </body>
</html>