当前位置:

SliderCaptcha 滑块验证码

SliderCaptcha是一个滑块验证码,用户通过拖动滑块完成校验,支持PC端及移动端,新增 Blazor 版本的滑块验证码。
  • 大小:
    696KB
  • 演示网站:
    暂无
  • 当前版本:
    暂无
  • 日期:
    2024-11-15 05:18:00
  • 相关链接:
    Home Page
  • 所属分类:
    web应用开发 JavaScript
  • 软件评级:

  • 下载人气:
    566
免费下载
应用截图
源码属性
授权 开源
大小 696KB
语言 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>   

SliderCaptcha 滑块验证码下载地址 已被下载566次
本资源由用户投稿上传,内容来自互联网,本站只做免费推荐用于学习分享,如有版权及其他问题,请联系 本站编辑 处理
重要:如软件存在付费、会员、充值等,均属软件开发者或所属公司行为,与本站无关,网友需自行判断
下载排行