• Страница 1 из 1
  • 1
Модератор форума: JonMagon  
Скрипт "показать пароль" в input type="password"
Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 1 | 00:09:34
Привет ребят.
Подскажите скрипт который при нажатии чекбокса будет менять type="password" на type="text"

Есть такое дело:

Код
<input id="01" type="password" />   
<input id="02" type="checkbox"  value="1"/><label for="02">Показать пароль</label>


Нужно что бы при клике чекбокса в поле с id 01 type="password" меналось на type="text"
При повторном клике (снятии галочки с чекбокса) type снова менялся на password

Ljubasha
Сообщений: 834
Репутация: 157

Сообщение # 2 | 00:16:43
Rad_van_Cor, Изучай... http://javascript.ru/forum....rd.html
Drinko
Сообщений: 909
Репутация: 773

Сообщение # 3 | 11:57:55
Rad_van_Cor, кто такие левые ID придумал? ID должен начинаться с латинской буквы - читаем http://htmlbook.ru/html/attr/id

Рабочий кроссбраузерный вариант получится только через пересоздание формы:

Код
<script type="text/javascript">
$('#02').attr('onChange', 'passView()');

function passView(){

  var origPassInput = $('#01');
  var newPassInput = origPassInput.clone();

  if($('#02').prop('checked') == true) {
  newPassInput.attr("type", "text");
  } else {
  newPassInput.attr("type", "password");
  }

  newPassInput.insertBefore(origPassInput);
  origPassInput.remove();
  newPassInput.attr("id", "01");

}
</script>

Должен работать везде. Только все же рекомендую сменить ID у input на валидные, во избежание казусов.

Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 4 | 21:12:52
Drinko, да про id я знаю, это просто набросал пример.
НА страницы сайта нормальные id)

За скрипт спасибо, я уже и сосчитать не могу сколько раз ты мне помогал с js)

  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!