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

UCMS验证功能的实现

插件功能 - [优秀功能] 2018-04-15 19:45
1562
感谢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


评论 5高级模式

  • 影斜春社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

    真的吗?太好了,非常喜欢
  • Jhonnywu168 2019-3-13 00:17:17
    我也去试试看,看着挺不错的!