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

鼠标拖动滑块通过验证（原创）

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

 35879  346  查看评论 (17)
分享到微信朋友圈
X
鼠标拖动滑块通过验证（原创） ie兼容10
 查看演示  立即下载

参数说明

//code是后台传入的验证字符串

var code = "jsaidaisd656",
codeFn = new moveCode(code);

//获取当前的code值

console.log(codeFn.getCode());

//改变code值

code = '46asd546as5';
codeFn.setCode(code);

//重置为初始状态

codeFn.resetCode();
相关插件-验证,拖和放
查看更多

滑动验证登录

 用户滑动拖拽图片验证登录加注册
  验证
 58869  423

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

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

jQuery滑动验证可重置

 登陆页面用到验证的一种方式，滑动验证。预防代码恶意破坏也可用于重置密码获取短信验证码等。只是纯前端校验，相比图片滑动验证还是稍显劣势。
  验证
 19833  239

基于ajax的登录效果

 这是一个机遇ajax的登录效果，登陆过程无跳转。
  验证
 53117  426

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

    ansyser 0
    2019/12/12 11:51:02
    按钮的后台代码应该怎么写啊？ 回复
    ansyser 0
    2019/12/12 11:31:20
    var code = "jsaidaisd656",
    codeFn = new moveCode(code);
    是不是需要引入别的命名空间？ 回复
    ansyser 0
    2019/12/11 18:42:37
    我是验证之后再点击一个BUTTON按钮，验证失败时跳出提示验证错误，成功时跳转到一个指定页面，这个CS文件里应该怎么写呢？
    新人处处是坎啊
        areyouOk1
        2019/12/11 21:04:59
        if (endX > evenWidth * 0.7) {
    progress.innerText = '验证成功';
    progress.style.width = evenWidth + deviation + 'px';
    evenBox.style.left = evenWidth + 'px'
    window.location.href = "这里写你要跳转页面的url地址";
    codeInput.value = fn.codeVluae;
    evenBox.onmousedown = null;
} else {
    alert("验证失败");
    progress.style.width = '0px';
    evenBox.style.left = '0px';
}
        ansyser0
        2019/12/12 11:09:57
        谢谢！ 只是我把这段粘贴到按钮代码里去，显示很多变量都是上下文不存在
    回复
    Louis (??_?)? 0
    2019/1/15 11:53:13
    请问一下，手机端支持吗 回复
    [微梦]Top丶邪少 0
    2018/4/13 11:08:55
    所以。。。有什么用。好看吗？ 回复
    方与圆 0
    2018/3/24 11:56:26
    玄睿 0
    2017/8/11 21:43:07

    新手 不知道怎么用 有那个哥 能说说 参数怎么调用吗

    回复
    .... 0
    2017/7/28 11:35:27
    请问这个需要和后台验证吗  需不需要调接口
        方与圆0
        2018/3/24 11:57:11
        不需要，后台验证
    回复
    lxd 1
    2017/7/13 16:47:27

    建议加入user-select：none；不然在滑块上选中文字，按住左键，可以向上托

        ansyser0
        2019/12/11 17:51:55
        问个小白的问题，这个加哪里啊？
        还有这个滑块的颜色想改的话在哪里改啊？
        萌新一个
    回复
    黄中 0
    2017/7/5 16:56:54

    你这是验证什么？验证是机器还是人吗？你这根本没用

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复