js拖动滑动块验证码代码

js拖动滑动块验证码代码 - 项目资源网
js拖动滑动块验证码代码
此内容为付费资源,请付费后查看
320
付费资源

纯js实现的一款拖动滑动块验证码代码,把滑块从左边拖到右边进行验证,可以简单的防止机器人灌水。

js拖动滑动块验证码代码

js代码

<script type="text/javascript" src="js/verify.slider.js" ></script><script type="text/javascript">/** * Notes: 调用示例一 * User: ZHL * Date: 2020/5/14 */var type1 = document.getElementById('verify_type1');verifyFun.bar({dom:type1,// dom对象width:'200',// 盒子宽height:'40',// 盒子高hsize:'16',// 提示字体大小size:'20',// 滑动块箭头字体大小diff:5,// 误差值success:function() {alert('验证成功');//其他业务逻辑},error:function() {alert('验证失败!');//其他业务逻辑}});/** * Notes: 调用示例二 * User: ZHL * Date: 2020/5/14 */var type2 = document.getElementById('verify_type2');verifyFun.bar({dom:type2,// dom对象width:'300',// 盒子宽height:'60',// 盒子高hsize:'16',// 提示字体大小size:'20',// 滑动块箭头字体大小diff:5,// 误差值success:function() {alert('验证成功');//其他业务逻辑},error:function() {alert('验证失败!');//其他业务逻辑}});</script>
© 版权声明
THE END
喜欢就支持一下吧
点赞456 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情快捷回复

    暂无评论内容