angularjs 滑块验证码 移动端_vue-SliderCaptcha

滑块式验证码

用户通过拖动滑块行为来完成校验，支持PC端及移动端。可以将用户拖动行为的时间、精度，滑动轨迹等信息到服务器，然后进行后台算法验证。

特别介绍

Blazor 版本的滑块验证码 传送门

在线演示

效果图

快速开始

组件依赖 font-awesome

CSS

将引入样式表的 标签复制并粘贴到

中，并放在所有其他样式表之前。

JS

将引入脚本的

用法

添加网页Html元素

API

通过 javascript 初始化控件

$('#captcha').sliderCaptcha();

Options

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

$('#captcha').sliderCaptcha({

width: 280,

height: 150,

sliderL: 42,

sliderR: 9,

offset: 5,

loadingText: '正在加载中...',

failedText: '再试一次',

barText: '向右滑动填充拼图',

repeatIcon: 'fa fa-redo'