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

所属分类:输入-验证

 5629  29  查看评论 (7)
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.input.rule.js

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

简洁实用的jQuery表单验证

jQuery表单验证已经扩展
  验证
 9689  26

jquery多功能表单验证

基于jquery封装的表单验证插件
  验证
 7257  46

jquery注册验证

jquery动态注册验证
  验证
 26304  70

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币

    一腔诗意喂了狗 0
    2018/10/17 14:26:42
    您好,请问,我发现微信开发者工具上调试这个插件感觉卡卡的,有什么办法解决吗 回复
    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
        同问
    回复
    い一步一步 0
    2018/7/28 20:37:47
    怎么收藏啊
        小Yinging0
        2018/8/8 15:28:39
        右上角 收藏
    回复
取消回复
  短信接口