当前位置:

SliderCaptcha 滑块验证码 v1.0

收藏
举报
SliderCaptcha是一个滑块验证码,用户通过拖动滑块完成校验,支持PC端及移动端,新增 Blazor 版本的滑块验证码。
  • 作者:
    暂无
  • 演示网站:
    暂无
  • 当前版本:
    v1.0
  • 日期:
    2020-12-11
  • 相关链接:
    Home Page
  • 所属分类:
    web应用开发 JavaScript
  • 软件评级:
  • 下载人气:
    434
免费下载
求购此源码
应用截图
源码详情
免费下载
联系客服/入群
源码属性
授权 开源
大小 696KB
语言 JavaScript
运行环境 JavaScript
功能介绍

SliderCaptcha是一个滑块验证码,用户通过拖动滑块完成校验,支持PC端及移动端,新增 Blazor 版本的滑块验证码。


快速开始

组件依赖 font-awesome

CSS

<link href="./src/slidercaptcha.css">

将引入样式表的 标签复制并粘贴到 中,并放在所有其他样式表之前。

JS

<script src="./src/longbow.slidercaptcha.js"></script>

将引入脚本的 <script> 标签复制并粘贴到 <body> 最后面。
用法
添加网页Html元素

<div id="captcha"></div>


API
通过 javascript 初始化控件

<div id="captcha"></div>
<script>
    sliderCaptcha({
        id: 'captcha'
    });
</script>   

Options

可以根据自己需要设置宽度与高度等配置

<div id="captcha"></div>
<script>
    sliderCaptcha({
        id: 'captcha',
        width: 280,
        height: 150,
        sliderL: 42,
        sliderR: 9,
        offset: 5,
        loadingText: '正在加载中...',
        failedText: '再试一次',
        barText: '向右滑动填充拼图',
        repeatIcon: 'fa fa-redo',
        setSrc: function () {
            
        },
        onSuccess: function () {
            
        },
        onFail: function () {

        },
        onRefresh: function () {
        
        }
    });
</script>   

方法

<div id="captcha"></div>
<script>
    var captcha = sliderCaptcha({
        id: 'captcha'
    });
    captcha.reset();
</script>   

付费服务
模板/插件

联系客服

手机版

扫一扫进入手机版

返回顶部