自定义 Google 我不是机器人 recaptcha答案

【问题标题】：Customising Google i'm not a robot recaptcha自定义 Google 我不是机器人 recaptcha
【发布时间】：2015-02-16 08:39:36
【问题描述】：

需要为 google recaptcha 自定义 css。还需要了解客户端验证。请帮忙。

【问题讨论】：

标签： javascript php css validation recaptcha

【解决方案1】：

这是验证函数

function get_action(form)
{
    var g = document.getElementsByClassName('g-recaptcha');
    var v = grecaptcha.getResponse(g-recaptcha);
    if(v.length == 0)
    {
       document.getElementById('captcha').innerHTML="*You can't leave Captcha Code empty ";
       return false;
    }
    if(v.length != 0)
    {
        document.getElementById('captcha').innerHTML="                   ";
        return true; 
    }
}

从您的表单中调用上述函数。

把这个 div 放在你想要显示错误信息的地方。

【讨论】：

【解决方案2】：

ReCaptcha 支持多种主题，下面列出了其中的一些。

red
white
blackglass
clean
custom

red、white、blackglass 和 clean 主题是 reCAPTCHA 提供用户界面的预定义主题。在自定义主题中，您的网站可以完全控制 reCAPTCHA 的外观。

这样应用

 <script type="text/javascript">
 var RecaptchaOptions = {
    theme : 'custom',
    custom_theme_widget: 'recaptcha_widget'
 };
 </script>

recaptcha使用的id和classes是什么

ID 为 recaptcha_image 的空 div。这是实际图像的位置将被放置。 div 将为 300x57 像素。
ID 和名称都设置为 recaptcha_response_field 的文本输入。用户可以在此处输入答案。
（可选）包含整个 reCAPTCHA 小部件的 div。这 ID div 应该放在 custom_theme_widget 和 style 的 div 应设置为 display:none。验证码后主题代码已完全加载，它将使 div 可见。这元素避免在加载时使页面闪烁。

此外

Google 在此处提供了有关如何设置重新验证表单样式的完整文档：

https://developers.google.com/recaptcha/docs/display

你可以用你自己的完全覆盖他们提供的 html/css。

【讨论】：