5

我有新的隐形 recaptcha 工作正常，但它把徽章放在左下角或右下角。您可以使用“data-badge='inline'”覆盖它，然后将其拉入表单。谷歌对于如何实际移动它非常模糊。您无法隐藏它，因为 google 将不再验证您的表单。苏...

问题是我似乎无法将它移动到页面上的任何其他位置。我想将它移动到我创建的 div 内的页面底部。有没有人成功做到这一点？我试过 appendTo 但这不起作用。

$('.grecaptcha-badge').appendTo("#g-badge-newlocation");

任何帮助都会很棒！！！

谢谢你。

4

1 回答 1

5

如果您想遵守 Google 条款，则可以使用计时器检测徽章，然后将其向下移动到底部。您必须将badge属性设置为inline. jQueryappendTo为我工作：

验证码

var onSubmit = function(token) {
  console.log('success!');
};

var onloadCallback = function() {
  grecaptcha.render('submit', {
    'sitekey' : '<your_site_key>',
    'callback' : onSubmit,
    'badge': 'inline'
  });
};

设置计时器以检查和移动grecaptcha-badge元素的代码

jQuery(function($) {

    var checkTimer = setInterval(function() {
      if($('.grecaptcha-badge').length > 0) {
        $('.grecaptcha-badge').appendTo("#g-badge-newlocation");
        clearInterval(checkTimer);
      }
    }, 50);

});

请在此处查看我的实时示例（http://zikro.gr/dbg/google/recaptcha/）。您可以看到徽章位于内部#g-badge-newlocation元素的底部并且它有效，因为当您点击提交时，recaptcha 会触发记录单词“success~”的回调函数。

于 2018-03-24T13:30:39.770 回答