jQuery滑块验证兼容移动端和PC

jQuery滑块验证兼容移动端和PC

使用过的jQuery滑动验证插件,配合后台增强校验。

使用方法
在页面引入相关JS代码

1
2
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.slideunlock.js"></script>

拖动滑块验证

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(function () {
    var slider = new SliderUnlock("#slider",{
            successLabelTip : "验证成功"   
        },function(){
            alert("验证成功,即将跳转至#");
            window.location.href="#";
            //以下四行设置恢复初始,不需要可以删除
            setTimeout(function(){
                $("#labelTip").html("拖动滑块验证");
                $("#labelTip").css("color","#787878");
                },2000);
            slider.init();
        });
    slider.init();
})
当前内容只有登录了才能查看,如果您已经注册,请登录
2

发表评论