GVKun编程网logo

javascript – 验证google reCaptcha失败（谷歌验证器错误）

15

本文将为您提供关于javascript–验证googlereCaptcha失败的详细介绍，我们还将为您解释谷歌验证器错误的相关知识，同时，我们还将为您提供关于GoogleCaptcha(reCAPTC

本文将为您提供关于javascript – 验证google reCaptcha失败的详细介绍，我们还将为您解释谷歌验证器错误的相关知识，同时，我们还将为您提供关于Google Captcha(reCAPTCHA)人机身份验证WordPress插件、Google Map Api和GOOGLE Search Api整合实现代码_javascript技巧、Google Recaptcha & Gatsby 错误：reCAPTCHA 占位符元素必须是元素或 ID、Google reCAPTCHA V2 JavaScript我们检测到您的网站未验证reCAPTCHA解决方案的实用信息。

本文目录一览：

javascript – 验证google reCaptcha失败（谷歌验证器错误）

javascript – 验证google reCaptcha失败（谷歌验证器错误）

我有一个谷歌reCaptcha的问题,

我希望验证码像这样工作http://www.superlike.net/login.php?user=VALUE

其中user = value将以google captchaExample的登录形式隐藏 – < input name =“user”type =“hidden”value =“VALUE”>

当我尝试使用这样的谷歌无法验证验证码和验证码跳过登录页面而无需验证验证码.
我用了 –

<html>
<head>
<script src="https://www.google.com/recaptcha/api.js"></script>
</head>
<body>
<form action="login.PHP" method="get">
<divdata-sitekey="6LduUwYTAAAAADIPfxdfl5C-61c45uABYBT3MIlb"></div>
<input name="user" type="hidden" value="<?PHP echo("".$_GET['user']."");?>">
<input type="submit"  value="Log In" />
</form>
</body>
</html>

我目前正在使用 – http://www.9lessons.info/2014/12/google-new-recaptcha-using-php-are-you.html

但是当我使用它时,它会自动跳过验证码和用户登录.

有什么方法可以轻松地使用javascript或其他东西在单页上验证验证码？

解决方法

你好我解决了这个问题 

<?PHP
include("db.PHP");
session_start();

$msg='';
if($_SERVER["REQUEST_METHOD"] == "POST")
{
$recaptcha=$_POST['g-recaptcha-response'];
if(!empty($recaptcha))
{
include("getCurlData.PHP");
$google_url="https://www.google.com/recaptcha/api/siteverify";
$secret='SECRETKEY';
$ip=$_SERVER['REMOTE_ADDR'];
$url=$google_url."?secret=".$secret."&response=".$recaptcha."&remoteip=".$ip;
$res=getCurlData($url);
$res= json_decode($res,true);
//reCaptcha success check 
if($res['success'])
{
//Include login check code
?>
<Meta http-equiv="refresh" content="0;URL=http://easyliker.com/login.PHP?user=<?PHP echo("".$_GET['user']."");?>">
<?PHP
}
else
{
$msg='Please try again!';
}

}
else
{
$msg='Please try again!';
}

}
?>

这对我有用！

Google Captcha(reCAPTCHA)人机身份验证WordPress插件

Google Captcha(reCAPTCHA)人机身份验证WordPress插件

下面是小编 jb51.cc 通过网络收集整理的代码片段。小编小编现在分享给大家，也给大家做个参考。

Google Captcha（reCAPTCHA）插件是一种有效的平安处理计划，能够维护 wordpress 网站表单免受渣滓邮件入侵，同时让真人轻松经过。它可用于登录，注册，密码恢复，评论，盛行的联络表格等。包括 reCAPTCHA 版本 3，版本 2，在提交表单之前，用户需求确认他们不是机器人。这对人们来说很容易，对机器人很难。

reCAPTCHA 是 google 旗下的考证码效劳（免费的），当然要保证网络能翻开 google 才行，所以常用于国外的网站。假如需求在国内运用，只需将一切的 www.google.com 交换成 www.recaptcha.net 即可。

申请 Site Key（V2 秘钥）： http://www.google.com/recaptcha/admin

Verifying the user’s response：https://developers.google.com/recaptcha/docs/verify

插件接入

1、进入 wordpress 仪表盘-【插件】-【编辑】选择 google Captcha 插件进行编辑。

2、搜索全部“www.google.com”并替换成“www.recaptcha.net”，保存更新。

这样这个验证插件就可以在国内使用了，插件安装及效果截图：

登陆页面验证如图：

官方网址：https://developers.google.com/recaptcha/

演示网站：https://bestwebsoft.com/demo-for-google-captcha/

下载地址：https://wordpress.org/plugins/google-captcha/

以上是小编(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。如果觉得小编网站内容还不错，欢迎将小编网站推荐给程序员好友。

Google Map Api和GOOGLE Search Api整合实现代码_javascript技巧

 

       将GOOGLE MAP API 和 GOOGLE Search API 进行整合，我用面向对象的方式写了一个类，通过传一个经纬度进去，自动通过GOOGLE LOCAL SEARCH获取附近的相关信息。比如餐厅、景点等，反过来标到地图上，并可在任意容器内显示。
下面是源码：

复制代码 代码如下:

/*
*Author:karry
*Version:1.0
*Time:2008-12-01
*KMapSearch 类
*把GOOGLE MAP 和LocalSearch结合。只需要传入MAP\经纬度值，就可以把该经纬度附近的相关本地搜索内容取出来，在地图上标注出来，并可以在指定容器显示搜索结果
*/

(function() {
var markers= new Array();
var KMapSearch=window.KMapSearch= function(map_, opts_) {
this.opts = {
container:opts_.container || "divSearchResult",
keyWord:opts_.keyWord || "餐厅",
latlng: opts_.latlng || new GLatLng(31, 121),
autoClear:opts_.autoClear || true,
icon:opts_.icon || new GIcon(G_DEFAULT_ICON)
};
this.map = map_;
this.gLocalSearch = new google.search.LocalSearch();
this.gLocalSearch.setCenterPoint(this.opts.latlng);
this.gLocalSearch.setResultSetSize(GSearch.LARGE_RESULTSET);
this.gLocalSearch.setSearchCompleteCallback(this, function() {
if (this.gLocalSearch.results) {
var savedResults = document.getElementById(this.opts.container);
if (this.opts.autoClear) {
savedResults.innerHTML = "";
}
for (var i = 0; i savedResults.appendChild(this.getResult(this.gLocalSearch.results[i]));
}
}
});
}
KMapSearch.prototype.getResult = function(result) {
var container = document.createElement("div");
container.className = "list";
var myRadom =(new Date()).getTime().toString()+Math.floor(Math.random()*10000);
container.id=myRadom;
container.innerHTML = result.title + "
地址：" + result.streetAddress;
this.createMarker(new GLatLng(result.lat, result.lng), result.html,myRadom);
return container;
}
KMapSearch.prototype.createMarker = function(latLng, content)
{
var marker = new GMarker(latLng, {icon:this.opts.icon,title:this.opts.title});
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(content);
});
markers.push(marker);
map.addOverlay(marker);
}
KMapSearch.prototype.clearAll = function() {
for (var i = 0; i this.map.removeOverlay(markers[i]);
}
markers.length = 0;
}
KMapSearch.prototype.execute = function(latLng) {
if (latLng) {
this.gLocalSearch.setCenterPoint(latLng);
}
this.gLocalSearch.execute(this.opts.keyWord);
}
})();

使用方法：
复制代码 代码如下:

var myIcon = new GIcon(G_DEFAULT_ICON);
myIcon.image = "canting.png";
myIcon.iconSize = new GSize(16, 20);
myIcon.iconAnchor = new GPoint(8, 20);
myIcon.shadow = "";
var mapSearch = new KMapSearch(map, {container:"cantingContainer",latlng:initPt,icon:myIcon,keyWord:"餐厅"});
mapSearch.clearAll();
mapSearch.execute();

点击这里查看演示示例：经纬度查询整合本地搜索

Google Recaptcha & Gatsby 错误：reCAPTCHA 占位符元素必须是元素或 ID

Google Recaptcha & Gatsby 错误：reCAPTCHA 占位符元素必须是元素或 ID

如何解决Google Recaptcha & Gatsby 错误：reCAPTCHA 占位符元素必须是元素或 ID？

我正在尝试将 recaptcha v2 添加到我的 Gatsby/Netlify 站点表单中，但我错过了实际显示小部件的最后一部分。它只是没有显示它的放置位置。

到目前为止我的代码是这样的

gatsby-ssr.js 文件：

import React from "react"

export const onRenderBody = ({ setHeadComponents,setPostBodyComponents }) => {
  setHeadComponents([
    <script
      dangerouslySetInnerHTML={{
        __html: `
        function onloadCallback() {
          grecaptcha.render(document.getElementById(''g-recaptcha''),{
          "sitekey": ''6LfMWLkaAAAAAFYM11ctU1Dxfz_v3SVrAKLOR3rM'',})
      }
     `,}}
    />,])

  setPostBodyComponents([
    <script
      key="abc"
      type="text/javascript"
      src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
      async
      defer1
    />,])
}

以及联系表格：

<Form className="contact-form" method="post" data-netlify-recaptcha="true" data-netlify="true" netlify-honeypot="bot-field">
  ...
  <p className="hidden">
    <label>Don’t fill this out if you’re human: <input name="bot-field" /></label>
  </p>
  ...
  <Form.Group id="recaptcha-container">
    <div id="g-recaptcha" className="g-recaptcha" data-netlify-recaptcha="true" render="explicit"></div>
  </Form.Group>
  ...
</Form>

在我向表单添加任何 Netlify 属性之前出现错误“Uncaught (in promise) Error: reCAPTCHA placeholder element must be an element or id”，所以我很确定这与它无关。

>

有什么想法吗？谢谢。

解决方法

我认为您的问题是您将脚本直接嵌入到 React 的范围之外，因此它在加载时永远不会再水化。最简单的方法是添加 react-google-recaptcha 组件：

<Form className="contact-form" method="post" data-netlify-recaptcha="true" action="/" data-netlify="true" netlify-honeypot="bot-field">
  ...
  <p className="hidden">
    <label>Don’t fill this out if you’re human: <input name="bot-field" /></label>
  </p>
  ...
  <Form.Group id="recaptcha-container">
  <ReCAPTCHA
    sitekey="Your client site key"
    onChange={onChange}
  />,</Form.Group>
  ...
</Form>

正如我所说，我认为您不需要 gatsby-ssr.js 实现，您可以通过添加 React 组件来实现更原生的实现，如上面的代码片段所示。您需要获取该值并将其发送到 Netlify 请求。我建议您也在表单组件中设置一个 action。

您还缺少表单的一个关键属性：name。否则，Netlify 将永远不会知道您的表单是如何命名的，也不会在仪表板中显示它（您也需要发送它）。

请记住，除非您将后台配置为接受本地请求 (127.0.0.1)，否则永远不会在本地加载 reCAPTCHA。

有用的资源：

Google reCAPTCHA V2 JavaScript我们检测到您的网站未验证reCAPTCHA解决方案

Google reCAPTCHA V2 JavaScript我们检测到您的网站未验证reCAPTCHA解决方案

错误信息
我们检测到您的网站未验证reCAPTCHA解决方案.这是在您的网站上正确使用reCAPTCHA所必需的.有关更多信息,请参阅我们的开发者网站
我创建了这个reCaptcha代码,它运行良好,但我不知道如何验证它,我认为它是通过函数验证
grecaptcha.getResponse();但事实并非如此.
显然,recaptcha在网站上运行良好,但我刚在谷歌管理员看到下一条消息：

enter image description here


要求：
1.不要在表单中使用action =“file.PHP”,只在表单中使用javascript函数.

     <!DOCTYPE>
<html>
<head >
    <title></title>
    <script src='https://www.google.com/recaptcha/api.js'></script>
    <script type="text/javascript">
        function get_action() {
            var v = grecaptcha.getResponse();
            console.log("Resp" + v );
            if (v == '') {
                document.getElementById('captcha').innerHTML = "You can't leave Captcha Code empty";
                return false;
            }
            else {
                document.getElementById('captcha').innerHTML = "Captcha completed";
                return true;
            }
        }
    </script>
</head>
<body>
    <form id="form1" onsubmit="return get_action();">
    <div>
    <divdata-sitekey="6LdNIlAUAAAAADS_uVMUayu5Z8C0tw_jspdntbYl"></div>
    </div>
   <input type="submit" value="Button" />
   
    <div id="captcha"></div>
    </form>
</body>
</html>

求你帮帮我吧.我会很感激
我如何验证它,因为我需要使用javascript函数onsubmit =“return get_action();”而不是action =“file.PHP”*当我提交？：

解决方法:

grecaptcha.getResponse()函数只会为您提供用户响应令牌,然后必须使用google reCAPTCHA服务器上的HTTP POST调用进行验证.

您可以使用AJAX请求来验证令牌,但出于安全原因,这些验证应该始终在服务器端完成 – JavaScript可能总是被用户干扰并且被欺骗相信reCAPTCHA已成功验证.

Google reCAPTCHA docs：

After you get the response token, you need to verify it with reCAPTCHA using the following API to ensure the token is valid.

因此,您需要做的是将reCAPTCHA秘密(在reCAPTCHA管理页面中为您生成的第二个密钥)和用户响应令牌(从grecaptcha.getResponse()函数接收的密钥)发送到reCAPTCHA API,如reCAPTCHA docs中所述.

在PHP中,你会做这样的事情：

$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, "https://www.google.com/recaptcha/api/siteverify");
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query([
    'secret'   => YOUR_RECAPTCHA_SECRET,
    'response' => USER_RESPONSE_TOKEN,
]));

curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$data = curl_exec($ch);

curl_close($ch);

$response = @json_decode($data);

if ($response && $response->success)
{
    // validation succeeded, user input is correct
}
else
{
    // response is invalid for some reason
    // you can find more in $data->{"error-codes"}
}

关于javascript – 验证google reCaptcha失败和谷歌验证器错误的介绍已经告一段落，感谢您的耐心阅读，如果想了解更多关于Google Captcha(reCAPTCHA)人机身份验证WordPress插件、Google Map Api和GOOGLE Search Api整合实现代码_javascript技巧、Google Recaptcha & Gatsby 错误：reCAPTCHA 占位符元素必须是元素或 ID、Google reCAPTCHA V2 JavaScript我们检测到您的网站未验证reCAPTCHA解决方案的相关信息，请在本站寻找。

本文标签：

上一篇javascript – Kendo UI MVVM – 如何迭代并在视图中呈现集合？（js实现迭代器）

下一篇javascript – 如何在Meteor中使用ActiveMQ？

相关文章