请选择 进入手机版 | 继续访问电脑版

[优秀功能] UCMS验证功能的实现

[复制链接]
大唐小码 发表于 2018-4-15 19:45:06 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
感谢UCMS内容管理系统以及群内的维多网络提供的这个极验证功能,小码有点懒最新一直在帮朋友弄改版一个游戏私服没有发布自己改编的内容和时间去验证每个收集功能的正确性,但百分百保证都是可用的
一下是这个插件功能的安装说明
  1. 1.上传压缩包解压后的目录gt到inc内

  2. 2.引入静态资源
  3. <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.js"></script>
  4. <script src="http://域名/inc/geetest/static/gt.js"></script>
  5. <style>
  6. #embed-captcha {
  7.   width: 300px;
  8.   margin: 0 auto;
  9. }
  10. .show {
  11.    display: block;
  12. }
  13. .hide {
  14.    display: none;
  15. }
  16. #notice {
  17.    color: red;
  18. }
  19. .geetest_holder.geetest_wind .geetest_logo, .geetest_holder.geetest_wind .geetest_success_logo {
  20.    display: none
  21. }
  22. </style>

  23. 3.在提交按钮处添加验证码

  24. <div id="embed-captcha"></div>
  25. <p id="wait" class="show">正在加载验证码......</p>
  26. <p id="notice" class="hide">请先完成验证</p>
  27. <br>
  28. <input id="embed-submit" type="submit" value="提交">  //给按钮增加id="embed-submit"


  29. 4.再加入ajax代码
  30. <script>
  31.     var handlerEmbed = function (captchaObj) {
  32.         $("#embed-submit").click(function (e) {
  33.             var validate = captchaObj.getValidate();
  34.             if (!validate) {
  35.                 $("#notice")[0].className = "show";
  36.                 setTimeout(function () {
  37.                     $("#notice")[0].className = "hide";
  38.                 }, 2000);
  39.                 e.preventDefault();
  40.             }
  41.         });
  42.         // 将验证码加到id为captcha的元素里,同时会有三个input的值:geetest_challenge, geetest_validate, geetest_seccode
  43.         captchaObj.appendTo("#embed-captcha");
  44.         captchaObj.onReady(function () {
  45.             $("#wait")[0].className = "hide";
  46.         });
  47.         // 更多接口参考:http://www.geetest.com/install/sections/idx-client-sdk.html
  48.     };
  49.     $.ajax({
  50.         // 获取id,challenge,success(是否启用failback)
  51.         url: "域名/inc/geetest/web/StartCaptchaServlet.php?t=" + (new Date()).getTime(), // 加随机数防止缓存
  52.         type: "get",
  53.         dataType: "json",
  54.         success: function (data) {
  55.             //console.log(data);
  56.             // 使用initGeetest接口
  57.             // 参数1:配置参数
  58.             // 参数2:回调,回调的第一个参数验证码对象,之后可以使用它做appendTo之类的事件
  59.             initGeetest({
  60.                 gt: data.gt,
  61.                 challenge: data.challenge,                                
  62.                 new_captcha: data.new_captcha,
  63.                 product: "embed", // 产品形式,包括:float,embed,popup。注意只对PC版验证码有效
  64.                 offline: !data.success, // 表示用户后台检测极验服务器是否宕机,一般不需要关注
  65.                 // 更多配置参数请参见:http://www.geetest.com/install/sections/idx-client-sdk.html#config
  66.                                 width: '120px'
  67.             }, handlerEmbed);
  68.         }
  69.     });
  70. </script>

  71. 妥了!

  72. 示例文件list_book.php

复制代码
来个小图片吧  来规矩回复下载
QQ截图20180415193550.png
请点击此处下载

请先注册会员后在进行下载

已注册会员,请先登录后下载

文件名称:下载地址.rar 
下载次数:3  文件大小:706 Bytes  售价:2心悦币 [记录]
下载权限: 不限 VIP会员   [购买VIP]   [充值心悦币]  [余额提现]




精彩评论4

影斜春社917 发表于 2018-6-20 23:56:36 | 显示全部楼层
真的吗?太好了,非常喜欢













回复

使用道具 举报

guhaom 发表于 2018-7-10 20:02:44 | 显示全部楼层
珍惜生命,果断回帖。
回复

使用道具 举报

幼乐善馁nx 发表于 2018-7-12 14:19:25 | 显示全部楼层
大家有什么好看法,赶快说说












沈阳凤凰医院
沈阳妇科早孕检查定点医院
沈阳凤凰医院怎么样
沈阳人流重点医院
沈阳治疗妇科医院
沈阳看宫颈糜烂哪家医院好
沈阳治疗妇科专业医院
沈阳凤凰医院
沈阳妇科医院排行榜
沈阳妇科医院
沈阳妇科专业医院
沈阳人流医院
沈阳市医保定点医院
沈阳凤凰医院好不好
沈阳不孕不育医院
沈阳无痛人流
沈阳做人流费用
沈阳乳腺医院
沈阳乳腺病医院
沈阳治疗乳腺专业医院
沈阳治疗妇科最好的医院
沈阳凤凰医院
沈阳凤凰医院
回复

使用道具 举报

xie7301 发表于 2018-7-24 20:43:46 | 显示全部楼层

真的吗?太好了,非常喜欢
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题
推荐阅读 更多
阅读排行 更多
广告位
关注官方微信

微信公众号:心悦聚合

微博:祝铁匠

QQ1群:531129056

QQ2群:563363133

全国服务热线:

021-6199 7559

(工作日:周一至周五 9:00-16:00)
上海市黄浦区南京西路8号
web155la@163.com

Archiver-手机版-小黑屋- 心悦聚合  |意见建议

Powered by Discuz! X3.4© 2015-2018 Comsenz Inc.  陕ICP备18017800号