jQuery隐藏/显示密码的插件

jQuery隐藏/显示密码的插件
 点击预览  点击下载

因为人生太短暂,不要浪费时间重新输入密码。这个插件可以让你轻松隐藏和显示一个密码输入字段的内容。你可以在你的项目目录中安装hideShowPassword插件。

如果所有你需要做的是改变密码字段的可见性,您可以使用速记方法:

  1. $('#password').showPassword(); // Reveal 
  2. $('#password').hidePassword(); // Hide 
  3. $('#password').togglePassword(); // Toggle 

你可以通过传递TRUE,FALSE或'切换'到hideShowPassword方法做同样的事情:

  1. $('#password').hideShowPassword(true); // Reveal 
  2. $('#password').hideShowPassword(false); // Hide 
  3. $('#password').hideShowPassword('toggle'); // Toggle 

如果你想调整超过了可见性,您可以传递一个对象到hideShowPassword :

  1. $('#password').hideShowPassword({ 
  2.     show: true // Reveal the password 
  3.     innerToggle: true // Create an inner toggle 
  4.     hideToggleUntil: 'focus' // Hide the toggle till focus 
  5.     touchSupport: Modernizr.touch // Enable touch enhancements 
  6. }); 

如果您需要更改这些密码字段的可见性反应,你可以使用passwordShown和passwordHidden事件:

  1. $('#password').on('passwordShown' function () { 
  2.     console.log('password is visible'); 
  3. }).on('passwordHidden' function () { 
  4.     console.log('password is hidden'); 
  5. }); 

转载请注明:代码家园 » jQuery隐藏/显示密码的插件

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)