纯js实现的一款拖动滑动块验证码代码,把滑块从左边拖到右边进行验证,可以简单的防止机器人灌水。
![图片[1]-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享js拖动滑动块验证码代码-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享福鑫网创 - 免费且强大的项目分享网站](https://www.fuxins.com/king72/tupiaodaw/upiaori47/2024/09/01/48/rytd1y1n3iw20240901204839rytd1y1n3iw13112655474.jpg)
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
暂无评论内容