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

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

touclick 详细介绍

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

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

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

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

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中版本：免费版、站长版、企业标准版、企业旗舰版。另外还有短信验证码、语音验证码等功能。

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