jquery 手势密码插件

所属分类:输入-密码

 30544  376  查看评论 (35)
分享到微信朋友圈
X
jquery 手势密码插件 ie兼容10

基本配置

$("#gesturepwd").GesturePasswd({
	backgroundColor: "#252736",
	//背景色
	color: "#FFFFFF",
	//主要的控件颜色
	roundRadii: 25,
	//大圆点的半径
	pointRadii: 6,
	//大圆点被选中时显示的圆心的半径
	space: 30,
	//大圆点之间的间隙
	width: 240,
	//整个组件的宽度
	height: 240,
	//整个组件的高度
	lineColor: "#00aec7",
	//用户划出线条的颜色
	zindex: 100 //整个组件的css z-index属性
});

密码解锁使用数字,数字对应路线

$("#gesturepwd").on("hasPasswd",
function(e, passwd) {
	var result;
	if (passwd == "1235789") {
		result = true;
	} else {
		result = false;
	}
	if (result == true) {
		$("#gesturepwd").trigger("passwdRight");
		setTimeout(function() {
			//密码验证正确后的其他操作,打开新的页面等。。。
			alert("密码正确!")
		},
		500); //延迟半秒以照顾视觉效果
	} else {
		$("#gesturepwd").trigger("passwdWrong");
		//密码验证错误后的其他操作。。。
	}
});


相关插件-密码

jQuery简易的密码等级

运算复杂不过使用简单的密码等级,注释全一看就懂,直接粘贴复制就可使用
  密码
 26453  369

密码复杂度验证

密码复杂度验证
  密码
 28576  313

vue随机密码生成器

非常强大的vue随机密码生成器,支持多种参数设置生成不同类型的密码
  密码
 3082  38

CSS3打造美丽的密码强度指示

CSS3打造美丽的密码强度指示
  密码
 35088  359

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

    bingganlen 0
    2021/9/7 17:43:25
    关于设置手势的问题,密码解锁使用数字,数字对应路线
    1235789代表一个大写的Z
    也就是说你可以写一个任意数(最大9位数)的不同组合的手势
        bingganlen0
        2021/9/7 17:44:10
        补充:
        怎么设置,规则是由自己定义的,我前端采用ajax调用后台接口存储到数据库
        设置一个大写的L : 14789 五位数当做我的密码存到数据库,你要登录的时候就传用户ID查询是否有这个密码
        1
        4
        7 8 9
    回复
    suddenly. 0
    2019/6/17 21:25:23
    移动端不好用啊,滑动手势的时候页面会跟着一起动,有什么解决办法吗 回复
    酒哩 0
    2018/4/20 21:57:13
    这个代码用了什么技术 回复
    随缘 0
    2017/9/12 13:02:48

    到 移动端  会不好用

    回复
    漠中风尘 0
    2017/7/25 14:52:41

    用户如何设置手势呢! 谢谢。

    回复
    漠中风尘 0
    2017/7/25 14:47:23

    用户如何设置手势呢! 谢谢。

    回复
    寄何方 0
    2017/6/30 11:05:42

    真棒!!!!

        *婚姻*0
        2017/12/19 14:51:15

        我还没用过

    回复
    guntertien 0
    2017/6/6 12:28:50

    good

        *婚姻*0
        2017/12/19 14:52:58

        用着怎么样

    回复
    hcb9211 0
    2017/5/16 11:29:54

    h5写的,真心不错,现在正 需要填个这功能

    回复
    hht0856 0
    2017/4/19 9:27:58
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复