Показать/скрыть пароль


По дефолту в Опенкарте, как правило, при вводе данных в поле пароля, видны только точки.
Взьму для примера форму регистрации на сайте: 


не очень удобно для Ваших пользователей сайта не правда ли?

Этой задачей и озадачились мои заказчики  и попросили сделать отображение/скрытие значения в поле пароля, ну что же... воспользуемся "жабаскриптом".

 
*Покажу сразу готовую конструкцию:

 

<input type="password" name="password"  id="password-show" class="modal-input" value="" placeholder="<?php echo $popup_logreg_login_password_placeholder; ?>" />

<img class="show-password" src="catalog/view/theme/default/image/eyesi.png" alt="" title="Показать/скрыть пароль" />


тут для нас значимы и необходимы 
 

 id="password-show"

 

 и 
 

class="show-password"


(вы можете вставлять свои, но и по аналогии поменять то же самое в скрипте, который размещаете где нибудь в конце страницы:

<script>

var pass = $('#password-show');

$('.show-password').click(function() {

  pass.attr('type', pass.attr('type') === 'password' ? 'text' : 'password');

});

</script>

 

ну и пропишем стили (само собой они у Вас будут свои, но даю для примера)

.show-password { position: absolute; right: 25px; margin-top: -18px; cursor: pointer; }

 

получаем примерно такого вида поле


жамкаем на "глазик и получаем

жамкаем повторно и снова получаем точки вместо пароля...

Вот такое несложное дополнение... пример можете посмотреть тут (Регистрация/вход) в шапке сайта.


0 комментариев / Написать комментарий

Написать комментарий

Внимание: HTML не поддерживается! Используйте обычный текст!
    Бесполезно           Полезно
Captcha

Подпишитесь

Рассылаем только значимую информацию

Теги: Показать/скрыть пароль