jQuery屏幕解锁插件patternLock.js

所属分类：输入-验证

11592 166 查看评论 (1)

分享到微信朋友圈

插件描述：屏幕解锁基于HTML，jQuery和CSS，模拟混合应用程序设计。

解锁原理，如果要设置自己的解锁密码请按如下方式

将patternLock九宫格的九个区域类比成1-9这九个数字，当你依次点击滑动连接1-5-9对应区域，则意味着得到的匹配字串即为“159”，再将其与随机生成的标准答案字串对比即得结果。

1 2 3

4 5 6

7 8 9

在代码中查找pattern.checkForPattern("1235789", function()

根据数字1235789连线所得到的图案为Z字型，您可根据所需进行修改。

在“漂亮的登录页+滑动弹出框+js正则验证”的基础上，添加自适应样式和优化输入时体验，增加Validate的表单验证

验证

66197 604

19，AZ随机生成验证码，且颜色及形状随机改变

验证

20206 179

验证

32248 324

点击图片进行更换验证密码

验证

21663 203

彭聪 0

2019/5/2 19:58:54