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>

感谢您的来访，获取更多精彩文章请收藏本站。