0

Estou a construir um login em asp.net e quero que ao clicar na checkbox para mostrar a password ela seja mostrada.

Design página asp

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="Titulo" class="divtitulo">
<asp:Label ID="lbl_administracao" runat="server" Text="Login Administração"></asp:Label>
</div>
<br />
 <div id="Login" class="divlogin" runat="server">
      <div id="wrapper">
<asp:Label ID="lbl_utilizador" runat="server" Text="Nome Utilizador:"></asp:Label>
          <br />
<asp:TextBox ID="txt_utilizador" runat="server" Width="230px"></asp:TextBox>

<br />

<asp:Label ID="lbl_password" runat="server" Text="Palavra-Passe:"></asp:Label>
          <br />
<asp:TextBox ID="txt_password" TextMode="Password" runat="server" Width="230px"></asp:TextBox>

<br />

<asp:CheckBox ID="chbox_mostrarpassword" runat="server" Text="Mostrar Palavra-Passe" />

<br />

<asp:Button ID="bt_login" runat="server" Text="Iniciar Sessão" />
          </div>
  </div>

4
  • Possível duplicata de Input type="password" com o olho de mostrar senha Commented 4/05/2018 às 11:15
  • Não a pergunta é diferente! Eu quero quando a checkbox estiver checked e nao so quando estiver a clicar Commented 4/05/2018 às 11:23
  • Eu entendi @José, mas essa pergunta faz o que você precisa, que é mudar o tipo do input, o restante é só fazer alguma pequena alteração no código, o objetivo é o mesmo, só não é uma resposta do tipo copiar e colar, mas entendendo é simples de fazer no seu código Commented 4/05/2018 às 11:45
  • isso nao funcionou. Será que é por ser uma asp.net com uma MasterPage? Commented 4/05/2018 às 14:24

1 Resposta 1

0

Tente colocar no evento onchange do checkbox

<asp:CheckBox ID="chbox_mostrarpassword" runat="server"
 Text="Mostrar Palavra-Passe" 
 onchange="document.getElementById('lbl_password').type = this.checked ? 'text' : 'password'" />

Referencias

Add Option to Show password

3
  • como posso fazer isso em Client Side para que não tenha de ir ao servidor para voltar atrás? Commented 4/05/2018 às 13:34
  • isso já está no cliente site, é um função javascript Commented 4/05/2018 às 20:08
  • mude o runat=server para runat=client Commented 4/05/2018 às 20:09

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .