因为人生太短暂,不要浪费时间重新输入密码。
这个插件可以让你轻松隐藏和显示一个密码输入字段的内容。
你可以在你的项目目录中安装hideShowPassword插件。
如果所有你需要做的是改变密码字段的可见性,您可以使用速记方法:
1 2 3 | $( '#password' ).showPassword(); // Reveal $( '#password' ).hidePassword(); // Hide $( '#password' ).togglePassword(); // Toggle |
你可以通过传递TRUE,FALSE或'切换'到hideShowPassword方法做同样的事情:
1 2 3 | $( '#password' ).hideShowPassword( true ); // Reveal $( '#password' ).hideShowPassword( false ); // Hide $( '#password' ).hideShowPassword( 'toggle' ); // Toggle |
如果你想调整超过了可见性,您可以传递一个对象到hideShowPassword :
1 2 3 4 5 6 | $( '#password' ).hideShowPassword({ show: true , // Reveal the password innerToggle: true , // Create an inner toggle hideToggleUntil: 'focus' , // Hide the toggle till focus touchSupport: Modernizr.touch // Enable touch enhancements }); |
如果您需要更改这些密码字段的可见性反应,你可以使用passwordShown和passwordHidden事件:
1 2 3 4 5 | $( '#password' ).on( 'passwordShown' , function () { console.log( 'password is visible' ); }).on( 'passwordHidden' , function () { console.log( 'password is hidden' ); }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com