如何将不可见的 Recaptcha 徽章移动到页面上的另一个地方

Question

我有新的隐形重新验证工作正常，但它将徽章放在左下角或右下角。您可以使用 "data-badge='inline'" 覆盖它并将其拉入表单。 Google 对如何实际移动它非常模糊。您不能隐藏它，因为 google 将不再验证您的表单。苏...

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

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

任何帮助都会很棒！！！

谢谢。

Answer 1

如果您想遵守Google条款，那么您可以使用计时器检测徽章，然后将其移至底部。您必须将 badge 属性 设置为 inline。 jQuery appendTo 为我工作：

验证码

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);

});

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