jquery 手势密码插件

所属分类:输入-密码

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密码强度提示插件

Complexify首页、文档和下载 - jQuery密码强度提示插件 - jQuery插件库
  密码
 11175  12

DES加密/解密

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

jquery 手势密码插件

类似微信的手势密码解锁
  密码
 3989  54

jQuery仿微信密码输入框

html5仿微信支付宝密码输入框
  密码
 10817  46

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

    初 念0
    2017/1/5 14:01:44
    guosong19894160
    2016/11/23 18:11:50
    jimoguying0
    2016/11/21 10:11:16
    真棒!!!!!!!!! 回复
    从心0
    2016/11/16 10:11:33
    我觉的这个  很简单  很实用 回复
    ?阂0
    2016/11/16 10:11:57
    正在寻找手势密码呢 , 这个真是好用 回复
    happy_千千结0
    2016/11/15 16:11:36
    有没有设置手势密码的例子,谢谢。
        happy_千千结0
        2016/11/16 17:11:36
        已经做完,很好用,赞一个。
    回复
    happy_千千结0
    2016/11/15 16:11:45
    您好,请问设置手势密码应该用哪个方法啊 回复
    玻璃房子0
    2016/11/13 16:11:56
    平凡世界0
    2016/11/11 15:11:30
    Candy0
    2016/11/5 14:11:17
取消回复
    PROMULGATOR

    guosong1989416

    重庆市