Question

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

Answer 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放在您想要的位置recaptcha和span以显示错误消息

Answer 2

ReCaptcha支持各种主题，其中一些主题列在下面。

red
white
blackglass
clean
custom

红色，白色，黑色和干净的主题是预定义的主题，其中reCAPTCHA提供用户界面。在自定义主题中，您的网站可以完全控制reCAPTCHA外观。

像这样申请

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

id

使用的classes和recaptcha是什么？

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

<强>此外

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

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

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

自定义Google我不是机器人重新收回

2 个答案: