滑动验证
效果图:
给大家一个下载网址:http://sc.chinaz.com/jiaoben/160330568920.htm
下载好后解压压缩包:
找到drag.js文件:
注意上方的两张效果图,有没有发现拖动前和拖动后的字都不一样,拖动前的字是:拖动滑块验证。拖动后的字是:验证通过。给它设置一个id,名为haha,目的就是来接受在没滑动前的几个字,就是通过字来验证登陆。
好了,有了id后我们自然就能接收这几个字的值了。
回到login.html页面:
写个方法来通过滑动前后的字来判断:
在登陆上触发这个方法:
好了,简单的滑动验证就实现了~
相关阅读
因为在做一个门户网站,需要用到js滑动验证。原文https://blog.csdn.net/chy555chy/article/details/55294147html <p id="dragCo
还记得以前那篇《超强验证码》?其实这个世界变态的验证码还有很多,下面是一个列表向像展示了各种稀奇古怪的验证码。不过本文并不
在短信验证码的产品设计过程中有哪些事项是需要注意的呢?短信验证码如今的应用之广无需赘述,各大银行的网上银行、各种手机APP、各
试了几种方法,还是 translateY 比较靠谱 放弃 ie // 固定头部 var thead_top = $('thead').offset().top; $(window).scroll(fun
作为产品经理来说,什么时候能脱离对原型和功能的思考,更多的关注“产品”本身,才算是真正成长为一名产品经理。无论我们去做哪个产品