PasswordUX

jQuery плагин для добавления кнопки [показать/скрыть] для полей ввода пароля

Как подключить?

<script src="js/jquery.min.js"></script>
<script src="js/passwordUX.js"></script>

...

<script>
    $(document).ready(function () {

        $('input[type = "password"]').passwordUX({
            showHtml: 'показать',
            hideHtml: 'скрыть'
        });

    });
</script>

Опции

wrapperClass: 'password-ux', // класс блока в который оборачивается поле ввода
switcherClass: 'switch',     // класс кнопи показать/скрыть (формируется так wrapperClass + '_' + switcherClass
switcherBg: '#F2F2F2',       // фоновый цвет кнопки по умолчанию
switcherIndent: 4,           // отступ от границ поля ввода
showHtml: 'show',            // HTML кнопки ПОКАЗАТЬ
hideHtml: 'hide',            // HTML кнопки СКРЫТЬ
dataAttr: 'data-pux-show'    // data атрибут блока в который оборачивается поле ввода

Демонстрация на JSFiddle