Fatal编程技术网
  • javascript/
  • Javascript ReCAPTCHA ajax加载主题问题

Javascript ReCAPTCHA ajax加载主题问题

javascript jquery

Javascript ReCAPTCHA ajax加载主题问题,javascript,jquery,themes,recaptcha,getscript,Javascript,Jquery,Themes,Recaptcha,Getscript,无法确定如何为加载了ajax的recaptcha设置主题。以下代码不起作用。 从 看了这篇文章，但我肯定是在localhost中查看的，并且recaptcha工作正常，只是没有改变主题 有人对如何让白色主题发挥作用有什么建议吗 <script type='text/javascript'> var RecaptchaOptions = { theme : 'white' }; </script>

无法确定如何为加载了ajax的recaptcha设置主题。以下代码不起作用。
从

看了这篇文章，但我肯定是在localhost中查看的，并且recaptcha工作正常，只是没有改变主题

有人对如何让白色主题发挥作用有什么建议吗

    <script type='text/javascript'>
        var RecaptchaOptions = {
            theme : 'white'
         };
    </script>
    <div id="recaptcha_content">
      <noscript>
        <iframe src="http://www.google.com/recaptcha/api/noscript?k=6Ldr7woAAAAAADa_69Mr-EZKAeYyEx9N08q" height="300" width="500" frameborder="0"></iframe><br />
        <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
        <input type='hidden' name='recaptcha_response_field' value='manual_challenge' />
      </noscript>
    </div>
    <script type="text/javascript">
    $(document).ready(function() {
        $.getScript('http://www.google.com/recaptcha/api/js/recaptcha_ajax.js',
            function() {Recaptcha.create("6Ldr7woAAAAAADa_69Mr-EZKAeYyEx9N08q", "recaptcha_content");
        });

    });
    </script>


var RecaptchaOptions={
主题：“白色”
};


$（文档）.ready（函数（）{
$.getScript（'http://www.google.com/recaptcha/api/js/recaptcha_ajax.js',
函数（）{repactcha.create（“6Ldr7woAAAAAADa_69Mr-Ezkaeyex9N08Q”，“repactcha_内容”）；
});
});
@jhanifen:我在使用了来自的大部分代码后，使它工作了，试试这个--


$（文档）.ready（函数（）{
$.getScript（'http://www.google.com/recaptcha/api/js/recaptcha_ajax.js',
函数（）{
重述创建（“6LDR7WOAAAAAAAADA_69Mr-EZKAeYyEx9N08q”，
“重述内容”，
{
主题：“白色”，
回调：Recaptcha.focus\u response\u字段
}
);
});
});
按照Occam的方式，您可以验证设置主题的脚本是否在表单元素之前。正如文档中多次指出的那样，脚本在表单元素内部或之后不起作用。

我看不出您正在添加已设置的选项
repathcaooptions
。尝试更改为：

$.getScript('http://www.google.com/recaptcha/api/js/recaptcha_ajax.js',
        function() {Recaptcha.create("6Ldr7woAAAAAADa_69Mr-EZKAeYyEx9N08q", "recaptcha_content", RecaptchaOptions);
});
，传递给
.create（）
方法的第三个选项是选项。您正在函数外设置一个变量来设置选项，但不包括这些选项。

首先，您的密钥无效或错误，或者您希望在此处发布：D 如果不需要的话。试着换一个新的，也许是一个全局的（可能会影响本地主机）。或者在指定的域上上载并测试代码

这段代码适用于我的全局公钥，我直接在创建时设置主题

<html>
<head>
<title>recaptcha test</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
</head>
<body>    
    <div id="recaptcha_content">
      <noscript>
        <iframe src="http://www.google.com/recaptcha/api/noscript?k=publickey" height="300" width="500" frameborder="0"></iframe><br />
        <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
        <input type='hidden' name='recaptcha_response_field' value='manual_challenge' />
      </noscript>
    </div>
    <script type="text/javascript">
    $(document).ready(function() {
        Recaptcha.create("publickey",
                         "recaptcha_content", {
                             theme: "white",
                             callback: Recaptcha.focus_response_field
        });
    });
    </script>   
</body>
</html>


雷帕查试验


$（文档）.ready（函数（）{
Recaptcha.create（“公钥”，
“重述内容”{
主题：“白色”，
回调：Recaptcha.focus\u response\u字段
});
});
wow，我第一次悬赏，结果真是太好了，而且很快。发现了问题，是的，比我想象的要简单。谢谢大家的帮助。谢谢你们的提问。看起来这是在互联网上使用旧的reCaptcha v1的唯一例子。谢谢Scoobler，是的，很简单。没问题，很高兴能帮上忙！！是的，在发布之前，密钥被更改了一点。但是，与我的示例不同，尽管这种方法会起作用。我最喜欢这个解决方案，因为它只使用jQuery来帮助onLoad。这种方法也适用于iPhone3GS，当
方法不总是第一次加载时。感谢stealthyninja，这非常有效。你或者上面的答案会很好。 
<html>
<head>
<title>recaptcha test</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
</head>
<body>    
    <div id="recaptcha_content">
      <noscript>
        <iframe src="http://www.google.com/recaptcha/api/noscript?k=publickey" height="300" width="500" frameborder="0"></iframe><br />
        <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
        <input type='hidden' name='recaptcha_response_field' value='manual_challenge' />
      </noscript>
    </div>
    <script type="text/javascript">
    $(document).ready(function() {
        Recaptcha.create("publickey",
                         "recaptcha_content", {
                             theme: "white",
                             callback: Recaptcha.focus_response_field
        });
    });
    </script>   
</body>
</html>