jquery 手势密码插件

所属分类:输入-密码

 10356  93  查看评论 (31)
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");
		//密码验证错误后的其他操作。。。
	}
});


相关插件-密码

DES加密/解密

DES(Data Encryption Standard)是发明最早的最广泛使用的分组对称加密算法。
  密码
 18896  98

jQuery简易的密码等级

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

jquery 手势密码插件

类似微信的手势密码解锁
  密码
 10357  93

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

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

讨论这个项目(31)回答他人问题或分享插件使用方法奖励jQ币

    酒哩 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
    lyezi 0
    2017/3/13 1:26:48
    初 念 0
    2017/1/5 14:01:44
取消回复