UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery图片滑块验证（附注释）

所属分类：输入-验证

 22315  237  查看评论 (19)
分享到微信朋友圈
X
jQuery图片滑块验证（附注释） ie兼容8
 查看演示  立即下载

更新时间：2019-11-17 23:31:47

使用方法：
直接将源码放入自己的项目中，
可以替换图片，
成功之后，在onSuccess中写操作

相关插件-验证
查看更多

jQuery屏幕解锁插件patternLock.js

 屏幕解锁基于HTML，jQuery和CSS，模拟混合应用程序设计。
  验证
 21158  300

jQuery拼图滑块验证

 仿B站登录拼图滑块验证,代码结构清晰注释全。
  验证
 48166  514

超炫的登录页面 login register

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

简单易懂的jQuery表单验证插件

 这是一款简单易懂的表单验证插件，没用使用任何多余的代码，使用时仅需引用jquery和jquery.validate.js
  验证
 33499  336

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

    白兰鸽 0
    2022/8/10 11:13:15
    出bug了呀，没法显示了，大概是调用js网址的时候出问题了
        May0
        2022/10/8 11:37:12
        怎么解决这个问题的呀
        lalala2230
        2024/3/15 16:48:56
        换本地图片
    回复
    GHSの世界 0
    2020/3/30 22:05:04
    demo是加载网络图呀，，，改成本地好点吧，网络图不保证一直能使用
        薄荷加冰丶0
        2021/4/12 13:02:53
        兄弟你有改吗？如何改的呢？
        傻傻爱着你1
        2021/6/12 13:19:56
        setSrc: function () {
        return '💔https://picsum.photos/id/💔' + Math.round(Math.random() * 4) + '/280/157';
        },
        $(".container-fluid").find("canvas,sliderText").hide();
        }
        });
        我是在return的时改成本地路径的就是爱心中间那改了就OK了
    回复
    哦(⊙o⊙) 0
    2020/2/28 14:23:14
    麻烦问一下，怎么在验证成功之后初始化验证，否则再次点击进来还是成功状态
        众泰纽约联合总部0
        2020/2/28 15:03:49
        ^_^这个问题问的好，我也想知道。
        哦(⊙o⊙)1
        2020/3/2 10:42:40

        我试过看代码里的初始化函数都会报错，最后我的解决办法就是把它的状态恢复到初始化，

        $('.sliderContainer').removeClass('sliderContainer_success');
$('.slider')[0].style.left = 0;
$('.sliderMask')[0].style.width = 0;
$('.block')[0].style.left = 0;

        投机取巧

        Damon0
        2020/9/2 14:42:16
        可以看看那个验证失败后是怎么初始化的，重复调用一下那里的
        3倍的根号20
        2020/11/6 15:13:33
        $(‘#captcha’).sliderCaptcha(‘reset’) 不用谢
    回复
    ansyser 0
    2020/1/17 17:04:47
    这个滑块好像要求位置要求比较高啊，怎么能让精度调低一点，错开一点也能验证通过？
        傻傻爱着你0
        2021/6/11 17:51:34
        SliderCaptcha.DEFAULTSl里面的🌙offset调大点
    回复
    牧羊少年 0
    2020/1/2 9:06:20
    onSuccess加到哪里 回复
    Jenny 0
    2019/12/16 14:36:27
    ansyser 0
    2019/12/12 16:00:10
    怎么让调用到这个页面时，只显示验证的小窗口，不显示大的浏览器呢？
        BattleofLexington0
        2019/12/12 16:39:19
        用弹出层啊，把他放到个弹出层里不就行了。
        ansyser0
        2019/12/13 8:26:21
        谢谢，我来查查怎么弄
        Deity0
        2022/5/16 19:24:58
        好的
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复