UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

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

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

 29000  334  查看评论 (13)
分享到微信朋友圈
X
jQuery滑块验证兼容移动端和PC ie兼容6
 查看演示  立即下载

更新时间：2019/7/3 上午11:57:15

更新说明：新增 animation+@keyframes的高光动画效果。IE无发显示高光效果，原js效果不影响。

备注：ie浏览器加载本地的样式文件时可能无法载入。使用在线样式表就可。

相关插件-验证,拖和放
查看更多

jQuery常用网站表单验证

 可用于用户注册，网站留言等，有正在输入提示和失去焦点自动正则验证输入框内容
  验证
 37408  354

jQuery验证插件check.js

 不提供任何提示，仅提供配置的接口，通过回调的方式来进行
  验证
 26471  281

jQueryCSS3分步骤注册表单切换动画在线演示

 jQueryCSS3分步骤注册表单切换动画在线演示
  验证
 43538  478

修改绑定手机号Tab切换样式时间线样式

 时间线形式切换修改绑定手机号，第一步第二步第三步
  验证
 33580  438

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

    王大人 0
    2020/12/4 16:38:46
    大牛们 请问怎么重置呀 回复
    ansyser 0
    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;
}
    回复
    ansyser 0
    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
        后台的后端会处理
    回复
    Monica 0
    2018/11/26 19:44:57
    和很好用啊
        涵0
        2018/12/17 12:58:59
        这个下载了，怎么用呢。麻烦请教你一下??
        liz0
        2019/1/17 15:13:14
        是网站受到攻击时，增加一个验证，就阻止了攻击
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复