原生js滑动验证

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

 2822  29  查看评论 (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 canvas验证码

jQuery canvas验证码,简单实用注释全
  验证
 26017  240

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

时间线形式切换修改绑定手机号,第一步第二步第三步
  验证
 21731  295

原生js表单验证(原创)

轻量级,原生js打造表单验证,易上手
  验证
 4574  66

jquery多功能表单验证2.0(原创)

input输入框验证,多选,单选,下拉验证,可异步修改提示,表单异步提交
  验证
 6229  83

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

取消回复