JavaScript实现滑动条的简单验证

效果图:
在这里插入图片描述
给大家一个下载网址:http://sc.chinaz.com/jiaoben/160330568920.htm

下载好后解压压缩包:

找到drag.js文件:
在这里插入图片描述
注意上方的两张效果图,有没有发现拖动前和拖动后的字都不一样,拖动前的字是:拖动滑块验证。拖动后的字是:验证通过。给它设置一个id,名为haha,目的就是来接受在没滑动前的几个字,就是通过字来验证登陆。

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

回到login.html页面
写个方法来通过滑动前后的字来判断:
在这里插入图片描述
在登陆上触发这个方法:
在这里插入图片描述

到此,简单的滑动验证就实现了。

原文:https://blog.csdn.net/qq_42249896/article/details/81001877

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值