• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏web前端中文站吧

触式验证码 滑动验证码 拖拽验证码 touclick使用教程

JAVA web前端中文站 3年前 (2017-06-22) 4891次浏览 已收录 0个评论
文章目录[隐藏]

最近有人问我?touclick触式验证码如何使用?我才知道有这样一个开源的触式验证码。touclick 插件支持的功能有很多,比如:触式验证码滑动验证码拖拽验证码、点击验证码等。本文将详细的介绍touclick验证码如何使用。

更多精彩内容请看 web 前端中文站
http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏

touclick 详细介绍

touclick是国内首创的点触式新一代验证码。它的安全性很强,具有以下特点:

  • 防数据爬取 / 防黄牛刷单 / 防垃圾注册 / 防恶意登录 / 防支付欺诈 / 防投票作弊,解决机器攻击带来的互联网病痛。
  • 可感、可知、可信、可控,专注用户信息安全。
  • 基于人工智能、机器学习、大数据分析的独特算法体系,以行为技术为核心保护用户信息安全。

在线体验:https://www.touclick.com/online

注意:点触验证码目前还未开源。

touclick 效果图

拖动拼合验证码

触式验证码 滑动验证码 拖拽验证码 touclick 使用教程

图标点击验证码

触式验证码 滑动验证码 拖拽验证码 touclick 使用教程

图文点击验证码

触式验证码 滑动验证码 拖拽验证码 touclick 使用教程

touclick 验证码教程

touclick插件的使用很简单。网页中引入以下代码即可。

 <button id="destory"></button> 
 <button id="submit"></button> 
 <script type="text/javascript">     
 var tc = new TouClick(document.getElementById('target2'),{         
 onSuccess: function( obj){             
 document.getElementById('token') = obj.token;             
 document.getElementById('checkAddress') = obj.checkAddress;             
 document.getElementById('sid') = obj.sid;},         
 onMaskClick:function(e){             
 tc.close();   
 //点击关闭验证码}});     
 document.getElementById('destory').onclick = function(){         
 tc.destory();//销毁     }     
 //提交表单的时候判断是否     
 document.getElementById('submit').onclick = function(){         
 var status = tc.getStatus();         
 if(status){             
 // 允许提交表单}else{             
 // 给用户未完成验证的提醒 }} </script>

更多 api 参考:https://www.touclick.com/api。touclick 验证码支持的语言有:java、go、php、nodejs、c#、Python 等。以 sdk 的方式为大家提供服务。

touclick 推出了 4 中版本:免费版、站长版、企业标准版、企业旗舰版。另外还有短信验证码、语音验证码等功能。

【注:本文源自网络文章资源,由站长整理发布】


web 前端中文站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:触式验证码 滑动验证码 拖拽验证码 touclick 使用教程
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址