原生js滑动验证

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

 11402  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.input.rule.js

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

jquery注册验证

jquery动态注册验证
  验证
 53516  374

jQuery随机验证码

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

jQuery表单提交验证verify

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

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

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