原生js滑动验证

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

 2823  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('验证失败!');
        //其他业务逻辑
    }
});
相关插件-验证,拖和放

超炫的登录页面 login register

超炫的登录页面和注册页面 login register
  验证
 59535  297

jQueryCSS3分步骤注册表单切换动画在线演示

jQueryCSS3分步骤注册表单切换动画在线演示
  验证
 33047  340

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

jQuery拖拽拼图滑块验证
  验证
 7482  77

jQuery常用网站表单验证

可用于用户注册,网站留言等,有正在输入提示和失去焦点自动正则验证输入框内容
  验证
 26990  232

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

取消回复