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仿微信密码输入框

html5仿微信支付宝密码输入框
  密码
 15798  62

jquery 手势密码插件

类似微信的手势密码解锁
  密码
 6708  77

jQuery显示隐藏密码插件jquery.toggle-password

在Windows(Windows 7以上)系统以及IE里,当输入密码的时候,右边会有一个小眼睛,按下这个小眼睛,就会显示密码,这样可以防止输错密码。如果你想在的网站上也有这样的功能,那么你可以试试jquery.toggle-password,它适用于众多系统下的浏览器,包括移动设备。
  密码
 12764  20

隐藏/显示密码的jQuery插件

这个插件可以让你轻松隐藏和显示一个密码输入字段的内容。
  密码
 29607  55

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

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

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

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

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

    回复
    寄何方 0
    2017/6/30 11:05:42
    guntertien 0
    2017/6/6 12:28:50
    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
    guosong1989416 0
    2016/11/23 18:11:50
    你们喜欢就好
        lyezi0
        2017/3/13 1:26:05

        很好

    回复
    jimoguying 0
    2016/11/21 10:11:16
    真棒!!!!!!!!! 回复
取消回复