js滑块验证插件slideHuaKuai.js

所属分类:输入-验证

 16660  194  查看评论 (2)
分享到微信朋友圈
X
js滑块验证插件slideHuaKuai.js ie兼容8

使用方法

1、引入slideHuaKuai.js以及iconfont.css文件

<link rel="stylesheet" href="font/iconfont.css" />
<script type="text/javascript" src="slideHuaKuai.js" ></script>

2、html

<div id="box" onselectstart="return false;">
        <div class="bgColor"></div>
        <div class="txt" >滑动解锁</div>
        <!--给i标签添加上相应字体图标的类名即可-->
        <div class="slider"><i class="iconfont icondoubleright"></i></div>
</div>

直接用即可

相关插件-验证

jQuery图片滑块验证(附注释)

jQuery拖拽拼图滑块验证
  验证
 23422  238

jQuery表单提交验证verify

一整套注册验证,可直接用于实际项目中
  验证
 112506  1453

js滑块验证插件slideHuaKuai.js

js滑块验证插件slideHuaKuai.js,简单使用注释全。
  验证
 16661  194

jQuery滑动验证可重置

登陆页面用到验证的一种方式,滑动验证。预防代码恶意破坏也可用于重置密码获取短信验证码等。只是纯前端校验,相比图片滑动验证还是稍显劣势。
  验证
 20699  239

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Fuyan 0
    2020/2/18 18:36:12
    手机上面不能滑动,怎么解决?
        小白0
        2022/10/28 15:21:24
        换个监听方式?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复