jQuery滑动拼图验证插件SliderImgPuzzle(原创)

所属分类:输入-验证

 46723  368  查看评论 (16)
分享到微信朋友圈
X
jQuery滑动拼图验证插件SliderImgPuzzle(原创) ie兼容12

操作:鼠标移动到滑块上面,图片自动出来。

代码使用:

1. 滑块拼图验证控件初始化

var option = {
    onSuccess: function() {
        document.getElementById('msg').innerHTML = '验证成功!'
    },
    onFail: CallBackFun,
    onRefresh: CallBackFun
}
$("#silderpuzzle").SliderImgPuzzle(option);

function CallBackFun() {
    alert("回调函数")
}

2.获取控件对象

var imgPuzzle = $("#silderpuzzle").data("LsSliderImgPuzzle");

3.设置控件是否可用

imgPuzzle.enablePuzzle(true);
imgPuzzle.enablePuzzle(false);

4.刷新控件 

imgPuzzle.reset();

目前只提供对外的两个方法而已,需要的人可以自己加

相关插件-验证

canvas随机生成图片验证码

html5 canvas随机生成图片验证码,代码注释全,使用方便。
  验证
 36754  353

移动端拼图验证登录

移动端拼图验证登录界面(手机端,不兼容pc)
  验证
 42523  331

超炫的登录页面 login register

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

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

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

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

    ヅ天使ぺ?? 0
    2019/3/3 23:40:34
    假如一个tab标签下都有这个 该怎么改呢 回复
    ヅ天使ぺ?? 0
    2019/3/3 23:39:54
    请问有手机端的吗 回复
    wasdr 0
    2019/2/14 9:55:45
    请问下IE,火狐,QQ,360都兼容吗 回复
    ??这个大叔有点冷丶 0
    2018/12/18 18:05:52
    666666666666666666666666666666666 回复
    ┽后,?青春期?诗╇ 0
    2018/11/13 16:15:28
    是不是不兼容手机端
        yangyuanlife0
        2018/12/18 18:09:32
        不兼容
    回复
    一腔诗意喂了狗 0
    2018/10/17 14:26:42
    您好,请问,我发现微信开发者工具上调试这个插件感觉卡卡的,有什么办法解决吗
        yangyuanlife0
        2018/10/27 18:31:44
        这个没试过哦。目前我只试过PC端的
    回复
    songlps 0
    2018/8/27 22:28:57
    您好,请问源码可以下载么?
        yangyuanlife0
        2018/8/27 22:33:32
        那边不是有立即下载的按钮吗
        songlps0
        2018/8/28 10:28:08
        验证的过程是与后端有交互么?还是仅仅在前台控制一下?
        yxc1234560
        2018/9/27 16:19:29
        同问
        yangyuanlife0
        2018/10/27 18:32:46
        目前只是纯前端的,如果需要后端支撑可以自己扩展。全部源代码都有,自己稍微改下很快
    回复
    い一步一步 0
    2018/7/28 20:37:47
    怎么收藏啊
        小Yinging0
        2018/8/8 15:28:39
        右上角 收藏
        陶某人笑笑0
        2019/1/10 12:54:51
        右上角
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复