html密码框插件,隐藏/显示密码的jQuery插件

插件描述：这个插件可以让你轻松隐藏和显示一个密码输入字段的内容。

因为人生太短暂，不要浪费时间重新输入密码。

这个插件可以让你轻松隐藏和显示一个密码输入字段的内容。

你可以在你的项目目录中安装hideShowPassword插件。

用法

如果所有你需要做的是改变密码字段的可见性，您可以使用速记方法：$('#password').showPassword(); // Reveal

$('#password').hidePassword(); // Hide

$('#password').togglePassword(); // Toggle

你可以通过传递TRUE，FALSE或'切换'到hideShowPassword方法做同样的事情：$('#password').hideShowPassword(true); // Reveal

$('#password').hideShowPassword(false); // Hide

$('#password').hideShowPassword('toggle'); // Toggle

如果你想调整超过了可见性，您可以传递一个对象到hideShowPassword ：$('#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事件：$('#password').on('passwordShown', function () {

console.log('password is visible');

}).on('passwordHidden', function () {

console.log('password is hidden');

});