Функция jquery submit() не работает с невидимой 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>

Благодарю вас!

Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
0
0
39
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я использовал 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>

Другие вопросы по теме