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

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

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

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

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

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

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

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

超炫的登录页面 login register

 超炫的登录页面和注册页面 login register
  验证
 87610  429

输入框内容验证插件jquery.input.rule.js

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

js正则表达式(原创)

 js正则表达式表单验证，多种常用验证方式
  验证
 26410  342

Modern Fms 表单验证插件

 Modern Fms(精美的纯css3 html5表单框架) 表单验证插件
  验证
 14960  181

讨论这个项目（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
        是网站受到攻击时，增加一个验证，就阻止了攻击
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复