VPF::PassEye или "Парольный глаз" (показываем пароль в

Telsystems

Дата 12.3.2014, 17:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 21
Регистрация: 26.7.2012

Репутация: нет
Всего: нет

Добрый день.

Подскажите пожалуйста как лучше реализовать кнопку "подглядывания" введенных символов пароля.

Пытаюсь сделать используя эту рекомендация, но почему то если запихнуть в <span> textBox, то при нажатии на глаз ничего не происходит.

Код


<span class="passEye">
     <asp:TextBox ID="tbPassword" runat="server" AutoCompleteType="Disabled" TextMode="Password" MaxLength="30" Width="152" TabIndex="2" />
</span>

А если реализовать так :

Код


<asp:TextBox ID="tbPassword" runat="server" AutoCompleteType="Disabled" TextMode="Password" MaxLength="30" Width="152" TabIndex="2" />
<div onclick="passEye();">click</div>
<script type="text/javascript">
    function passEye() {
        if (document.getElementById('<%= tbPassword.ClientID %>').type == 'password')
            document.getElementById('<%= tbPassword.ClientID %>').type = 'test';
        else document.getElementById('<%= tbPassword.ClientID %>').type = 'password';
    }
</script>

То такая реализация не работает в IE.

Методами тыка было реализован скрипт:

Код


<div onclick="passEye(document.getElementById();">click</div>

<script type="text/javascript">
    function passEye(document.getElementById('<%= tbPassword.ClientID %>')) {
    var marker = $('<span />').insertBefore(document.getElementById('<%= tbPassword.ClientID %>'));
    if (document.getElementById('<%= tbPassword.ClientID %>').type == 'password') {
    $(document.getElementById('<%= tbPassword.ClientID %>')).detach().attr('type', 'text').insertAfter(marker).focus();
    marker.remove();
    } else {
    $(document.getElementById('<%= tbPassword.ClientID %>')).detach().attr('type', 'password').insertAfter(marker).focus();
    marker.remove();
    }
}
</script>

Теперь у меня есть скрипт, который реализовывает моргание глаза :

Код



$(function () {
    //PassEye by SaD([email protected])

    $(".passEye").append('<span class="eye" title="Показать/скрыть пароль"></span>');

    $(".passEye .eye").click(function () {
        $(this).toggleClass('openEye');        
    });  
});

И мой скрипт, который реализовывает преобразование пароля.

Вопрос: Как мне их соеденить? Как мне перенести мой скрипт, так, чтобы при нажатии на глаз выполнялось преоброзование пароля?

Это сообщение отредактировал(а) Telsystems - 13.3.2014, 15:00

Miller_time

Дата 18.6.2014, 14:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 641
Регистрация: 8.9.2006
Где: Нижний Новгород

Репутация: 1
Всего: 1

И не проще в Input менять type с password на text ? и 3 строчки кода.

Код


        $("#yourhtmlelemet").click(function () {
            $("#yourInputPassword").attr("type")=="password"){
                $("#yourInputPassword").attr("type","text");
            }else{
                 $("#yourInputPassword").attr("type","password");
            }
        });

Сорри пишу без редактора и думаю могут быть синтетические ошибки.

--------------------

Мы делаем игрыЗДЕСЬ

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Разработка под ASP.NET \| Следующая тема »