js实现滑动条的简单验证

时间:2024-04-04 07:11:09

效果图:

js实现滑动条的简单验证js实现滑动条的简单验证

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

找到drag.js文件:

js实现滑动条的简单验证

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

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

回到login.html页面:

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

js实现滑动条的简单验证

在登陆上触发这个方法:

js实现滑动条的简单验证

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