Show/hide password plugin for bootstrap.
This plugin support bootstrap v2 and bootstrap v3.
The plugin acts on <input> elements (typically password fields):
<input id="password" type="password" message="Show/hide password">
$('#password').password();
Options can be passed via data attributes or JavaScript.
For data attributes, append the option name to data-, as in data-message="Show/hide password".
| Name | type | default | description |
|---|---|---|---|
| message | string | Click here show/hide password | The tooltip of show/hide icon. |
| white | boolean | false | Show the white icon.(Just work in bootstrap v2) |
Manually show the password.
$('#password).password('show');
Manually hide the password.
$('#password).password('hide');
Manually toggle the password.
$('#password).password('toggle');
The plugin exposes a few events.
| Event Type | Description |
|---|---|
| show.bs.password | This event fires immediately when the show instance method is called. If caused by a click, the clicked element is available as the relatedTarget property of the event. |
| hide.bs.password | This event is fired immediately when the hide instance method has been called. |
$('#password).on('show.bs.password', function (e) {
});
