鼠标拖动滑块通过验证(原创)

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

 35116  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();
相关插件-验证,拖和放

简洁实用的jQuery表单验证

jQuery表单验证已经扩展
  验证
 33078  336

jQuery表单提交验证verify

一整套注册验证,可直接用于实际项目中
  验证
 108630  1450

JQuery表单验证插件EasyValidator,超级简单易用!

用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手。
  验证
 49733  356

jQuery随机验证码

19,AZ随机生成验证码,且颜色及形状随机改变
  验证
 32081  321

讨论这个项目(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

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

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复