Documentation
The documentation contains Constructor, Events, Methods.
The Options are defined in jQuery.fn.password.defaults.
| Name | Attribute | Type | Default | Description |
|---|---|---|---|---|
| - | data-toggle | String | ‘password’ | Active password without writing JavaScript. |
| placement | data-placement | String | ‘after’ | The placement of show/hide icon, can be ‘before’ or ‘after’. |
| message | data-message | String | ‘Click here to show/hide password’ | The tooltip of show/hide icon. |
| size | data-size | String | undefined | The size of the input group. |
| eyeClass | data-eye-class | String | ‘fa’ | Base eye icon class. |
| eyeOpenClass | data-eye-open-class | String | ‘fa-eye’ | Open eye icon class. |
| eyeCloseClass | data-eye-close-class | String | ‘fa-eye-slash’ | Close eye icon class. |
| eyeClassPositionInside | data-eye-class-position-inside | Boolean | false | Puts the open/close class inside the <i>. Use this option with google material icons. |
To use event syntax:
$('#password').on('show.bs.password', function (e) {
// code here
})
| 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. |
The calling method syntax: $('#password').password('method', parameter).
| Name | Parameter | Description |
|---|---|---|
| show | - | Manually show the password. |
| hide | - | Manually hide the password. |
| toggle | - | Manually toggle the password. |
| val | [value] | Get the current value of the password or set the value of password. |
| focus | - | Focus the password input. |