插件描述：类似微信的手势密码解锁
基本配置
$("#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");
//密码验证错误后的其他操作。。。
}
});PREVIOUS:
NEXT:
相关插件-密码
讨论这个项目（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
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
