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

所属分类:输入-验证

 21168  234  查看评论 (19)
分享到微信朋友圈
X
jQuery图片滑块验证(附注释) ie兼容8

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

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

相关插件-验证

输入框内容验证插件jquery.input.rule.js

这是一个文本框内容限制的方法,可以把用户输入的信息进行分类,然后进行判断,如果不符合,则提示错误。
  验证
 34623  330

原生js验证码

原生js验证码彩色点线干扰
  验证
 24422  289

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

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

jQuery常用网站表单验证

可用于用户注册,网站留言等,有正在输入提示和失去焦点自动正则验证输入框内容
  验证
 36088  354

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