对于建站的筒子们来说;垃圾广告真是让人深恶痛绝;
为了清净;搞个难以识别的验证码吧;又被用户各种吐槽;
直到后来出现了极验这个滑动的验证码;这真是一个体验好安全高的方案;
官网:http://www.geetest.com/ (此处应该有广告费)
示例项目:https://github.com/baijunyao/thinkphp-bjyadmin
一:注册获取key
注册;创建应用;获取key;
二:导入sdk
/ThinkPHP/Library/Org/Xb/Geetest.class.php
三:生成验证样式
/tpl/Home/Index/index.html
<div class="box"> <h4> <a target="_blank" href="http://baijunyao.com/article/79" rel="external nofollow" >thinkphp整合系列之极验滑动验证码</a> </h4> <form id="geetest" action="{:U('Home/Index/geetest_submit_check')}" method="post"> 账号:<input type="text" name="username" value="admin"> 密码:<input type="text" name="password" value="123456"> <input type="button" value="异步验证登录" onclick="check_verify()"> <input type="submit" value="post提交登录"> <div id="captcha"></div> </form> </div> <script src="/Public/statics/js/jquery-1.10.2.min.js"></script> <script src="http://static.geetest.com/static/tools/gt.js"></script> <script> var handler = function (captchaObj) { // 将验证码加到id为captcha的元素里 captchaObj.appendTo("#captcha"); }; // 获取验证码 $.get("{:U('Home/Index/geetest_show_verify')}", function(data) { // 使用initGeetest接口 // 参数1:配置参数,与创建Geetest实例时接受的参数一致 // 参数2:回调,回调的第一个参数验证码对象,之后可以使用它做appendTo之类的事件 initGeetest({ gt: data.gt, challenge: data.challenge, product: "float", // 产品形式 offline: !data.success }, handler); },'json'); // 检测验证码 function check_verify(){ // 组合验证需要用的数据 var test=$('.geetest_challenge').val(); var postData={ geetest_challenge: $('.geetest_challenge').val(), geetest_validate: $('.geetest_validate').val(), geetest_seccode: $('.geetest_seccode').val() } // 验证是否通过 $.post("{:U('Home/Index/geetest_ajax_check')}", postData, function(data) { if (data==1) { alert('验证成功'); }else{ alert('验证失败'); } }); } </script>
HTML
四:验证函数
/Application/Common/Common/function.php
/** * geetest检测验证码 */ function geetest_chcek_verify($data){ $geetest_id=C('GEETEST_ID'); $geetest_key=C('GEETEST_KEY'); $geetest=new \Org\Xb\Geetest($geetest_id,$geetest_key); $user_id=$_SESSION['geetest']['user_id']; if ($_SESSION['geetest']['gtserver']==1) { $result=$geetest->success_validate($data['geetest_challenge'], $data['geetest_validate'], $data['geetest_seccode'], $user_id); if ($result) { return true; } else{ return false; } }else{ if ($geetest->fail_validate($data['geetest_challenge'],$data['geetest_validate'],$data['geetest_seccode'])) { return true; }else{ return false; } } }
PHP
多谢 香蕉你个banana 童鞋的提醒;补上验证的函数;
五:php 生成验证码 并 验证
/Application/Home/Controller/IndexController.class.php
/** * geetest生成验证码 */ public function geetest_show_verify(){ $geetest_id=C('GEETEST_ID'); $geetest_key=C('GEETEST_KEY'); $geetest=new \Org\Xb\Geetest($geetest_id,$geetest_key); $user_id = "test"; $status = $geetest->pre_process($user_id); $_SESSION['geetest']=array( 'gtserver'=>$status, 'user_id'=>$user_id ); echo $geetest->get_response_str(); } /** * geetest submit 提交验证 */ public function geetest_submit_check(){ $data=I('post.'); if (geetest_chcek_verify($data)) { echo '验证成功'; }else{ echo '验证失败'; } } /** * geetest ajax 验证 */ public function geetest_ajax_check(){ $data=I('post.'); echo intval(geetest_chcek_verify($data)); }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持站长技术。
当我们制作一个页面时,尤其是制作一个首页时,通常会设计一个可以链接到整个网...
一般情况下,很少会用php去执行linux命令,不过特殊情况下,你也许会用到这些函...
1、为什么要进行数据库收缩? SQL Server 数据库采取预先分配空间的方法来建立数...
前言 如果你是或者你想成为一名合格的前端开发工作者,你必须知道JavaScript代码...
在HTML编辑器发布过程中,会出现一些自动生成的HTML标签,或者在留言板程序应用...
需求:输入框中输入银行卡号(或其他)时,每4位自动加空格(如下图) 分析 方法...
本文转载自微信公众号「DBA闲思杂想录」,作者潇湘隐者。转载本文请联系DBA闲思...
提示:我提取了《xslt从入门到精通》中关于空格解释的核心部分,借以抛砖引玉,...
端点路由(Endpoint Routing)最早出现在ASP.NET Core2.2,在ASP.NET Core3.0提升...
这是学习TensorFlow过程中记录的一点笔记在此分享一下。 文章目录 TensorFlow简...