效果:随机生成一个验证码
代码:image.html(生成验证码)和check.php(验证验证码是否输入正确)
效果图详见代码下面的截图
image.html
<script src="https://cdn.kgcaptcha.com/captcha.js?appid=94dATYQa"></script> <script> kg.captcha({ // 绑定元素,验证框显示区域 bind: "#captchaBox", // 验证成功事务处理 success: function(e) { console.log(e); }, // 验证失败事务处理 failure: function(e) { console.log(e); }, // 点击刷新按钮时触发 refresh: function(e) { console.log(e); } }); </script> <div id="captchaBox">载入中 ...</div>
check.php
<?php include "public/KgCaptchaSDK.php"; // 填写你的 AppId,在应用管理中获取 $appId = "94dATYQa"; // 填写你的 AppSecret,在应用管理中获取 $appSecret = "6u2BhEgORjQPkO1c69mpg2z5lLTLHf6a"; $request = new kgCaptcha($appId, $appSecret); // 填写应用服务域名,在应用管理中获取 $request->appCdn = "https://cdn.kgcaptcha.com"; // 前端验证成功后颁发的 token,有效期为两分钟 $request->token = $_POST["kgCaptchaToken"]; // 当安全策略中的防控等级为3时必须填写 $request->userId = "kgCaptchaDemo"; // 请求超时时间,秒 $request->connectTimeout = 10; $requestResult = $request->sendRequest(); if ($requestResult->code === 0) { // 验签成功逻辑处理 echo "验证通过"; } else { // 验签失败逻辑处理 echo "验证失败,错误代码:{$requestResult->code}, 错误信息:{$requestResult->msg}"; }
效果图
验证码正确
验证码错误
相关链接
官方地址:凯格行为验证码(KgCaptcha)滑动拼图验证,无感验证码,文字点选验证码
在线体验:凯格行为验证码在线体验
开发文档:凯格行为验证码-开发文档