gpt4 book ai didi

php - Google ReCaptcha 显示在表单提交时带有图像和客户端验证

转载 作者:塔克拉玛干 更新时间:2023-11-03 05:46:37 29 4
gpt4 key购买 nike

我已经关注了

How to Validate Google reCaptcha on Form Submit

我的 index.php

中有以下代码
<!DOCTYPE HTML>
<html>
<head>
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
<form method="post" action="post.php">
<div class="g-recaptcha" data-sitekey="6XXXXXXXXXXXXwdsf0K8HbXXXXXXX"></div>
<input type="submit" value="Submit" />
</form>
</body>
</html>

post.php

$response = $_REQUEST['g-recaptcha-response'];
$secret = '6XXXXXXXXXXXXwdsf0K8HbJNvMw-XXXX';
$server = $_SERVER['REMOTE_ADDR'];

$response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=" . $secret . "&response=" . $response.'&remoteip='.$server);
$response = json_decode($response, true);
if ($response["success"] === true) {
echo "Logged In Successfully";
} else {
echo "You are a robot";
}
exit;

以上代码运行良好。

如何进行客户端验证?它没有显示带有图像选项的验证码。

enter image description here

下面我已经做了

enter image description here

最佳答案

这是Recaptcha库的标准行为,不显示第一次控制图片。

尝试多次查看或发布页面,您会发现图像最终没有出现。

如果你想对其他附加字段进行一些客户端验证,你必须使用 jQuery 或标准库,如 bootstrap 或 foundation,如 thisthis .您可以在此处查看完整的工作脚本示例(灵感来自引导脚本和 HTML 5 功能):

这个版本的脚本在整个 Internet 上都是一样的。不再对此进行客户端验证!查看引用:codepen.io signup

例如:

<!DOCTYPE HTML>
<html>
<head>
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
<form class="signin-form" method="post" action="post.php">
<!-- for example : Email and password validation (HTML 5) -->
<label for="inputEmail" class="sr-only">Email address</label>
<input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
<!-- Site-key for automated tests -->
<div class="g-recaptcha" data-sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"></div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>
</body>
</html>

here示例代码笔。

关于php - Google ReCaptcha 显示在表单提交时带有图像和客户端验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40167516/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com