原生js滑动验证

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

 15650  147  查看评论 (0)
分享到微信朋友圈
X
原生js滑动验证 ie兼容11

使用方法

示例一(200×40像素)html

<div id="verify_type1"></div>

js

/**
 * Notes: 调用示例一
 * User: ZHL
 * Date: 2020/5/14
 */
var type1 = document.getElementById('verify_type1');
verifyFun.bar({
    dom: type1, // dom对象
    width: '200', // 盒子宽
    height: '40', // 盒子高
    hsize: '16', // 提示字体大小
    size: '20', // 滑动块箭头字体大小
    diff: 5, // 误差值
    success: function() {
        alert('验证成功');
        //其他业务逻辑
    },
    error: function() {
        alert('验证失败!');
        //其他业务逻辑
    }
});
相关插件-验证,拖和放

jQuery验证插件check.js

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

jQuery滑动验证可重置

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

jQuery图片滑块验证(附注释)

jQuery拖拽拼图滑块验证
  验证
 25371  238

jQuery图片拼图验证(隔壁借鉴过来的)

稳定的jQuery拖拽滑动拼图验证
  验证
 24788  251

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

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