手势密码也是现在很流行的一种功能本文主要介绍了jquery手势密码插件的相关知识，具有很好的参考价值，下面跟着小编一起来看下吧，希望能帮助到大家。
效果图：
代码如下：
nbsp;html><!---->正确的密码是一个字母“Z”的形状哦！<!----> $("#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"); //密码验证错误后的其他操作。。。 } });
登录后复制
相关推荐：
JS基于正则表达式实现的密码强度验证功能示例_javascript技巧
利用javascript如何随机生成一定位数的密码
jQuery表单验证之密码确认实例详解
以上就是jquery手势密码插件详解的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2789836.html
