极验PHP环境Web部署

我已经做成了插件，点击查看

官方文档

下载

下载SDK文件
并放置在单独的文件夹内，比如captcha.

配置密钥

/config/config.php

也可以不配置，自带有，在官网申请密钥后可以查看调用次数详情。

引入

<script src="/captcha/static/gt.js"></script>

HTML

<div id="captcha"></div>//验证码容器

JavaScript

var handler = function (captchaObj) {
    captchaObj.appendTo('#captcha'); //添加到容器内
    captchaObj.onReady(function () { //加载后执行
        
    });
    $('#btn').click(function () { //提交按钮点击事件
        var result = captchaObj.getValidate(); //判断是否通过验证
        if (!result) {
            alert('请完成验证');
            return false;
        }
        
        //后面可以放验证成功后所执行的事件

    })
    // 更多前端接口说明请参见：//docs.geetest.com/install/client/web-front/
};

$.ajax({
    url: "/captcha/web/StartCaptchaServlet.php?t=" + (new Date()).getTime(), // 加随机数防止缓存
    type: "get",
    dataType: "json",
    success: function (data) {

        // 调用 initGeetest 进行初始化
        // 参数1：配置参数
        // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它调用相应的接口
        initGeetest({
            // 以下 4 个配置参数为必须，不能缺少
            gt: data.gt,
            challenge: data.challenge,
            offline: !data.success, // 表示用户后台检测极验服务器是否宕机
            new_captcha: data.new_captcha, // 用于宕机时表示是新验证码的宕机

            product: "popup", // 产品形式，包括：float，popup
            width: "300px" //验证码宽度
            
            // 更多前端配置参数说明请参见：//docs.geetest.com/install/client/web-front/
        }, handler);
    }
});

---

请为这篇文章评分:

( 已有 1 人评分, 平均得分: 5 分 )