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

所属分类:输入-验证

 46442  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();

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

相关插件-验证

JQuery表单验证插件EasyValidator,超级简单易用!

用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手。
  验证
 51211  356

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

jQuery拖拽拼图滑块验证
  验证
 22305  237

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

仿造网络上的类似的拼图控件,还有结合自己的项目封装的
  验证
 46443  368

jQuery图片拼图验证(隔壁借鉴过来的)

稳定的jQuery拖拽滑动拼图验证
  验证
 22045  251

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