jQuery滑動拼圖驗證插件SliderImgPuzzle(原創)

所屬分類:輸入-驗證

 29488  201  查看評論 (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驗證插件check.js

不提供任何提示,僅提供配置的接口,通過回調的方式來進行
  驗證
 16216  133

jQuery隨機驗證碼插件

點擊圖片進行更換驗證密碼
  驗證
 20722  186

簡潔實用的jQuery表單驗證

jQuery表單驗證已經擴展
  驗證
 21735  179

jQuery canvas驗證碼

jQuery canvas驗證碼,簡單實用注釋全
  驗證
 24024  206

討論這個項目(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
        右上角
    回復
取消回復
nba直播吧cctv5篮球