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.