滑动拼图行为验证码(KgCaptcha快速入门)
凯格行为验证码 - 滑动拼图验证码
行为验证码采用嵌入式集成方式,接入方便,安全,高效。抛弃了传统字符型验证码展示-填写字符-比对答案的流程,采用验证码展示-采集用户行为-分析用户行为流程,用户只需要产生指定的行为轨迹,不需要键盘手动输入,极大优化了传统验证码用户体验不佳的问题;同时,快速、准确地返回人机判定结果。
Web接入
环境要求
获取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 相关链接:
官方地址:
在线体验:
接入文档:
