专业编程基础技术教程

网站首页 > 基础教程 正文

文字点选行为验证码(KgCaptcha快速入门)

ccvgpt 2024-10-12 13:40:07 基础教程 7 ℃

文字点选行为验证码

按顺序点击图中文字,全新行为验证,安全性极高,保障验证安全

文字点选行为验证码(KgCaptcha快速入门)

行为验证码采用嵌入式集成方式,接入方便,安全,高效。抛弃了传统字符型验证码展示-填写字符-比对答案的流程,采用验证码展示-采集用户行为-分析用户行为流程,用户只需要产生指定的行为轨迹,不需要键盘手动输入,极大优化了传统验证码用户体验不佳的问题;同时,快速、准确地返回人机判定结果。

Web接入

环境要求

兼容IE9+,Chrome,Firefox,360浏览器,QQ浏览器等主流浏览器。

获取appId

请先进入KgCaptcha控制台「链接」(或点击右上角控制台按钮)中的“应用管理”或“应用配置”模块,并下图指引位置找到appId。

示例代码

以下列举 Javascript 接入示例代码:

假设页面上有一个 <div id="captchaBox"></div>,则可以像下面这样初始化验证码。

<script src="https://cdn.kgcaptcha.com/captcha.js?appid=xxx"></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>

风格设置

进入KgCaptcha控制台 「链接」设置样式:

KgCaptcha 相关链接:

官方地址:https://www.kgcaptcha.com/ 凯格行为验证码

在线体验:https://www.kgcaptcha.com/demo/ 凯格行为验证码

接入文档:https://www.kgcaptcha.com/article?pid=6 凯格行为验证码

Tags:

最近发表
标签列表