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

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

所属分类：输入-验证

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

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

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

相关插件-验证
查看更多

jQuery微信开放平台注册表单

 jQuery微信开放平台注册表单是一款仿微信开放平台的选项卡带步骤的注册表单验证jQuery代码。
  验证
 51421  467

漂亮的登录注册页+Validate表单验证+自适应手机

 在“漂亮的登录页+滑动弹出框+js正则验证”的基础上，添加自适应样式和优化输入时体验，增加Validate的表单验证
  验证
 81389  770

jQuery验证插件check.js

 不提供任何提示，仅提供配置的接口，通过回调的方式来进行
  验证
 25914  281

jQuery拼图滑块验证

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

讨论这个项目（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
        好的
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复