必威体育Betway必威体育官网
当前位置:首页 > IT技术

js实现滑动条的简单验证

时间:2019-10-02 04:46:56来源:IT技术作者:seo实验室小编阅读:62次「手机版」
 

滑动验证

效果图:

一般很多网站都有滑动条的验证,我是从站长素材上下载的。

给大家一个下载网址:http://sc.chinaz.com/jiaoben/160330568920.htm

下载好后解压压缩包:

找到drag.js文件:

注意上方的两张效果图,有没有发现拖动前和拖动后的字都不一样,拖动前的字是:拖动滑块验证。拖动后的字是:验证通过。给它设置一个id,名为haha,目的就是来接受在没滑动前的几个字,就是通过字来验证登陆。

好了,有了id后我们自然就能接收这几个字的值了。

回到login.html页面:

写个方法来通过滑动前后的字来判断:

在登陆上触发这个方法:

好了,简单的滑动验证就实现了~

相关阅读

JavaScript 滑动验证

因为在做一个门户网站,需要用到js滑动验证。原文https://blog.csdn.net/chy555chy/article/details/55294147html <p id="dragCo

验证码设计,看完瞬间蛋疼菊花紧&#8230;

还记得以前那篇《超强验证码》?其实这个世界变态的验证码还有很多,下面是一个列表向像展示了各种稀奇古怪的验证码。不过本文并不

产品安全:短信验证码的防攻击策略

在短信验证码的产品设计过程中有哪些事项是需要注意的呢?短信验证码如今的应用之广无需赘述,各大银行的网上银行、各种手机APP、各

tabel thead 滑动固定顶部

试了几种方法,还是 translateY 比较靠谱 放弃 ie // 固定头部 var thead_top = $('thead').offset().top; $(window).scroll(fun

市场调研:验证业务场景和了解市场环境

作为产品经理来说,什么时候能脱离对原型和功能的思考,更多的关注“产品”本身,才算是真正成长为一名产品经理。无论我们去做哪个产品

分享到:

栏目导航

推荐阅读

热门阅读