Ввод пароля

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

Кнопка показать и подсказки при вводе пароля.

#1 27 февраля 2016 в 15:25
Добрый день друзья, помогите пожалуйста в следующем вопросе. Как сделать чтобы при регистрации и авторизации, появлялся чекбокс "Показать"
или "Показать пароль" чтобы юзер видел какие он символы вводит и подсказки. А при снятии чекбокса, вместо пароля опять точки были.
На скриншотах пример. Поиском искал не нашёл, может кто ссылку даст на подходящую тему. Заранее спасибо за ответ.

Версия ICMS 2+
#2 27 февраля 2016 в 15:57
Написать js скрипт, который будет проверять, установлена ли галка. Если да — тип инпута пароля text. Если нет — тип password.

1. Там, где в коде пароль и чекбокс присваиваем инпутам id:
  1. <input id="pfield" value="" />
  2. <input type="checkbox" id="cbox" /> Показать
2. И собственно, сам js-скрипт
  1. <javascript>
  2. if($('#cbox').is(':checked')) {
  3. $('#pfield').attr("type", "text");
  4. } else {
  5. $('#pfield').attr("type", "password");
  6. }
  7. </javascript>
Думаю, принцип понятен.
#3 27 февраля 2016 в 17:22

Думаю, принцип понятен.

Странник

Понятен, а куда это всё вставить?
#4 10 июля 2017 в 11:45


Думаю, принцип понятен.

Странник

Так куды его притулить, я так и не понял scratch
#5 10 июля 2017 в 17:15
Андрей,
Где-нибудь в шаблонах, компонента auth (например в \templates\default\controllers\auth\login.tpl.php), где Вам нужно вставляете чекбокс:
  1. <input type="checkbox" id="cbox"/>Показать пароль</input>
а в самый низ того же файла вставляете скрипт:
  1. <script>
  2. $('#cbox').click(function(){if($('#cbox').is(':checked')){$("[name~='login_password']").attr("type", "text")}
  3. else {$("[name~='login_password']").attr("type", "password")}});
  4. </script>
#6 10 июля 2017 в 17:29

Где-нибудь в шаблонах

Ris

Супер, работает, спасибо! +
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.