Question

我正在尝试在我的网站上放置一个reCaptcha v2 Invisible。我有一个创建表单的插件，所以我无法将reCaptcha代码直接添加到表单或按钮中……我正在尝试使用Javascript + jQuery完成所有操作。

单击按钮后，我会显示reCaptcha，但是成功后，它不会继续提交表单-什么也没做。没有错误消息...

这是我的代码：

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

<script>
  jQuery( document ).ready(function() {

  function onSubmit(token) {
    alert('success');
    document.getElementByClassName("tourmaster-register-form").submit();
  }

  jQuery(document).on('click', '.tourmaster-register-submit', function(event) { 
    event.preventDefault();
      grecaptcha.execute();   
  });

});
</script>


  <div class="g-recaptcha"
       data-sitekey="<My Public Site Key is here>"
       data-callback="onSubmit"
       data-size="invisible">
  </div>

<form class="tourmaster-register-form" action="<The Page URL is here>" method="post">
  <!-- Fields are here -->
  <input type="submit" class="tourmaster-register-submit" value="Register">
</form>

该表单无需重新输入就可以正常工作，所以我想我的onSubmit函数有问题（警报也不会出现！）

reCaptcha v2在Wordpress插件表单上不可见

0 个答案: