评论:jQuery滑块验证兼容移动端和PC  [查看原文]

所属分类:输入-验证,拖和放

 28247  333  13
当前第1页 / 共1页
    王大人0
    2020/12/4 16:38:46
    大牛们 请问怎么重置呀 回复
    ansyser0
    2020/1/11 10:59:27
    大神们好,有办法让这个验证码变大一些吗?
    我想用在手机端,显示太小了,不好滑
        areyouOk1
        2020/1/11 12:48:32

        很简单,head中加上

        <!--适应移动端-->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        在把css样式中的 width: 600px;删除就行了

        #demo {
            width: 600px;//这里删除。
            margin: 150px auto;
            padding: 10px;
            border: 0px dashed #d5d4ff;
            border-radius: 10px;
            text-align: left;
        }
    回复
    ansyser0
    2019/12/12 15:28:24
    怎么设置成验证完成后,还需要点个按钮才跳转到下个页面?
        liz1
        2020/1/20 10:27:48
        function() {
            alert("验证成功,即将跳转至#");
            window.location.href = "#";
            //以下四行设置恢复初始,不需要可以删除
            setTimeout(function() {
                $("#labelTip").html("拖动滑块验证");
                $("#labelTip").css("color", "#787878");
            }, 2000);
            slider.init();
        });

        删除里面的alert(), 就能直接跳转

    回复
    鸭鸭0
    2019/5/14 11:02:04
    如果不滑动到最右端 图片会有闪闪的感觉 视觉效果不友好
        liz0
        2019/6/17 13:15:17
        电脑端可能有一点。移动端很OK
    回复
    斯文败类。0
    2019/2/27 21:55:08
    ~发呆~y?0
    2019/1/25 9:47:01
    这个怎么进行后台验证呢?
        liz0
        2019/6/17 13:13:51
        后台的后端会处理
    回复
    Monica0
    2018/11/26 19:44:57
    和很好用啊
        0
        2018/12/17 12:58:59
        这个下载了,怎么用呢。麻烦请教你一下??
        liz0
        2019/1/17 15:13:14
        是网站受到攻击时,增加一个验证,就阻止了攻击
    回复

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

取消回复