ITPub博客

首页 > 应用开发 > Html/css > 滑动拼图行为验证码(KgCaptcha快速入门)

滑动拼图行为验证码(KgCaptcha快速入门)

原创 Html/css 作者:Kyger_ 时间:2023-03-10 14:13:07 0 删除 编辑

凯格行为验证码 - 滑动拼图验证码

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

undefined

undefined Web接入

环境要求

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

获取appId

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

示例代码

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

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

<script src="
<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控制台设置样式:


相关链接

SDK开源地址: github.com/KgCaptcha,顺便做了一个演示: w w w.kgcaptcha.com/demo/


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70027543/viewspace-2939061/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 没有了~
下一篇: 图形验证码
请登录后发表评论 登录
全部评论

注册时间:2023-03-10

  • 博文量
    3
  • 访问量
    1900