jQuery拼图滑块验证

所属分类:输入-验证

 48312  514  查看评论 (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('错误什么都不执行')
        }
    }
});
相关插件-验证

Modern Fms 表单验证插件

Modern Fms(精美的纯css3 html5表单框架) 表单验证插件
  验证
 14323  181

滑动验证登录

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

超炫的登录页面 login register

超炫的登录页面和注册页面 login register
  验证
 86097  429

基于ajax的登录效果

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

讨论这个项目(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
        母鸡啊
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复