Member 12749751 Ответов: 1

Я хочу добавить функцию отображения и скрытия с помощью текстового поля пароля


Я хочу, чтобы реализовать функции показа и скрытия в текстовое поле Пароль,я сделал, что с помощью jquerr он работает правильно, когда я нажимаю на Показать пароль первый раз, но когда я нажав второй раз на Показать пароль "флажок", autometically "Показать пароль" флажок ходит исчезают,пожалуйста, помогите мне с этой проблемой

Что я уже пробовал:

<div class="form-group">
                          <asp:Label ID="lblPassword" runat="server" Text="Password" Font-Bold="true"></asp:Label>
                            <asp:TextBox ID="txtPassword" runat="server"  TextMode="Password" CssClass="form-control" placeholder="Enter Password Here" ></asp:TextBox>
                           <label for="chkShowPassword">
                             <input type="checkbox" id="chkShowPassword" />
                                      Show password</label>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>



$(функция () {
отладчик;
$("#chkShowPassword"). bind ("click", функция () {
var txtPassword = $("[id*=txtPassword]");
если ($(это).это(":проверено")) {
txtPassword.после (в'<onChange, после ввода = "PasswordChanged(этот);" идентификатор = "txt_' + txtPassword.буква attr("идентификатор") + '" тип = "текст" значение = "' + txtPassword.функция val() + '" /&ГТ;');
txtPassword.скрыть();
} еще {
txtPassword.вал(txtPassword.следующий().вал());
txtPassword.следующий().удалить();
txtPassword.показать();
}
});
});

функция PasswordChanged(txt) {
$(в формате txt).предыдущая().функция val($(в формате txt).вал());
}

gggustafson

Для этого процесса вам не нужен jQuery. Когда посетитель установит флажок "Показать пароль", просто измените TextMode=" Password"на TextMode="SingleLine". Когда посетитель снимет флажок, измените TextMode= "SingleLine" обратно на TextMode= "Password".

1 Ответов

Рейтинг:
2

Peter Leow

Этот флажок всегда будет исчезать на unchecked из-за этого:

txtPassword.next().remove();

так получилось, что это следующий элемент после текстового поля пароля.