jQuery拼图滑块验证

所属分类:输入-验证

 47986  513  查看评论 (39)
分享到微信朋友圈
X
jQuery拼图滑块验证 ie兼容9

更新时间:2019/7/11 下午6:12:33

更新说明:1.解决了点击拖拽按钮立马松开报错的BUG 

                 2.添加了与服务端交互验证的demo (只是提供了一种思路,没有打算写一个server的配置项,感觉会有许多限制,要定义很多参数)


更新时间:2019/6/13 下午3:19:01

更新说明:解决了touch事件 一直验证失败的BUG


更新时间:2019/5/23 下午12:15:08

更新说明:本次更新响应了部分用户要求 做了兼容移动端浏览器处理,添加了touch事件


更新时间:2019/1/9 上午10:30:07

更新说明:解决火狐浏览器缺失拼图部分显示的问题

imgVer({
    el: '$("#imgVer")', //绑定的节点
    width: '260', //设置长
    height: '116', //设置宽
    img: [ //图片库 
        'images/ver.png',
        'images/ver-1.png',
        'images/ver-2.png',
        'images/ver-3.png'
    ],
    success: function() {
        //alert('执行登录函数');
        error: function() {
            //alert('错误什么都不执行')
        }
    }
});
相关插件-验证

基于ajax的登录效果

这是一个机遇ajax的登录效果,登陆过程无跳转。
  验证
 52956  426

jQuery随机验证码

19,AZ随机生成验证码,且颜色及形状随机改变
  验证
 33012  321

滑动验证登录

用户滑动拖拽图片验证登录加注册
  验证
 58652  423

jquery多功能表单验证

基于jquery封装的表单验证插件
  验证
 41562  362

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

    lxliin_01@163.com 0
    2020/5/21 22:00:00
    在安卓设备原生浏览器中有问题,touchmove事件只会触发一次就停止。所以要在touchmove或者touchstart事件触发的时候禁止它的默认行为e.preventDefault(); 回复
      0
    2019/12/30 11:30:58
    怎么改就先滑块验证后登录呢 回复
    深海屿鹿 ° 0
    2019/6/22 19:05:44
    大神,你能开源这个东西吗
        不想睡0
        2019/7/10 10:13:49
        怎么开源啊
    回复
    Amy?? 0
    2019/6/19 15:44:52
    正确秘密是多少,无论输入什么,都是跳转到密码错误页面
        不想睡1
        2019/7/10 10:13:18
        设置的就是无论输入什么都是错误 如果输入正确就应该跳转了
        a7997917060
        2019/12/5 15:40:33
        设置的就是无论输入什么都是错误 如果输入正确就应该跳转了
    回复
    不想睡 0
    2019/6/13 15:47:14
    对于 移动端一直验证失败的问题已解决 请等待官网更新 回复
    不想睡 0
    2019/6/13 15:46:18
    感谢 各位提出的问题 作者如果看到的话 会即时修改 (⊙o⊙) 回复
    不想睡 0
    2019/6/13 15:44:51
    感谢 灰灰尼玛 提出的BUG 已经做出修改 (⊙o⊙) 回复
    灰灰尼玛 0
    2019/6/3 17:59:32
    你最后更新的touch事件有个bug,在移动端上无法验证正确结果,我换了一个参数才可以的,但是在移动端Safari上还是有问题的,页面伸缩,滑动就会随着页面收缩也滑动
        不想睡1
        2019/6/13 14:49:08
        我在Safari上测试是没有任何问题的,至于页面伸缩是布局的问题了,毕竟我是没有禁止默认滚动事件的,也不打算禁止默认滚动事件
    回复
    空壳子 0
    2019/3/29 11:25:42
    无法支持移动端,能优化吗
        不想睡0
        2019/5/23 12:27:47
        (⊙o⊙)…移动端兼容版本已发
    回复
    藏鱼心间 0
    2019/2/22 17:11:00
    作者,你好,这个可以用动态图不
        不想睡0
        2019/5/23 12:25:35
        母鸡啊
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复