Google's recaptcha只出现在提交按钮之后-黑客表单插件

Google's recaptcha only to appear after submit button - hacking a form plugin

本文关键字：之后 按钮 提交 黑客 插件 表单 recaptcha Google      更新时间：2023-09-26

这个网站是用wordpress构建的，由于我使用的列表(Aweber服务)的复杂性，我不得不使用一个已经集成了它的插件，所以我的订阅者可以去我使用的列表服务。

话虽这么说，我不得不不断地破解这个插件，以便做任何事情，由于可怜的支持，没有其他插件可以在那里接近这个。

我已经设法实现谷歌的验证码下面我的提交按钮。

    <p class="fca_eoi_postbox_0_submit_button_wrapper">{{{submit_button}}}</p>
    <div class="g-recaptcha" data-sitekey="mysitekey"></div>

它出现了，我已经对它做了适当的CSS，桃子。

现在我需要它只出现在他们点击提交后。很大的问题是，按钮创建的代码被隐藏了我不能花无数的时间测试，试图找出它的创建位置。所以这个想法被打破了。但这里是按钮的html代码，我可以通过检查元素:

Submit按钮:

<input class="fca_eoi_form_button_element" type="submit" value="Stay Informed">

所以作为替代，我发现这篇文章:reCAPTCHA -出现在按下提交

我一直在尝试实现它:

JS 

(function ($) {
$(".fca_eoi_form_input_element").focus(function() {
$(".fca_eoi_form_input_element div[id*='g-recaptcha']").css("display:","inline-block");
});}

我不能只使用$作为重写它的东西。我不太熟悉Javascript，所以我可以假设这里有错误。

CSS for my recaptcha:

.g-recaptcha {
margin:0 auto;
display:none;
}

我做错了什么?

链接到网站http://juniorgoldreport.com/-我正在工作的形式是死中心在上屏幕

是否安装了jQuery ?这将阻止$工作-如果你这样做，它仍然不起作用，使用jQuery代替$，像这样:

jQuery(".fca_eoi_form_input_element").focus(function() {
jQuery(".g-recaptcha").css("display:","inline-block");

如果你不使用jQuery，你需要使用纯javascript。

var myInput =  document.querySelector(".fca_eoi_form_input_element");
var myCaptcha = document.querySelector(".g-recaptcha");
myInput.onfocus = function() {
  myCaptcha.style.display = "inline-block";
}

希望其中一个有帮助!

快速浏览您的页面，我可以看到jQuery是可用的。

所以像这样的东西可以工作:

(function($) {
    $(document).ready(function () {
        $(".fca_eoi_form_input_element").on("focus mouseover", function () {
            $(".g-recaptcha").fadeIn();
        });
    });
})(jQuery);

虽然我不确定你为什么要使用焦点事件。如果你决定修改它的行为，你可以像我在这里做的那样使用多个事件。

相关文章：