OnClickClien não funciona no primeiro clique
Olá. Tenho uma função js em uma página aspx para mostrar a senha e quando clico/pressiono pela primeira vez a imagem (olho) para mostrar a senha, ele não funciona, só a partir das outros cliques. Gostaria de saber por que está acontecendo isso.
JS:
function showHidePassword() {
var senha = $('#Login1_Password');
var olho = $("#Login1_showPassword");
olho.mousedown(function () {
senha.attr("type", "text");
$('#Login1_showPassword').attr("src", "imagens/olho.png");
});
olho.mouseup(function () {
senha.attr("type", "password");
$('#Login1_showPassword').attr("src", "imagens/nao-olho.png");
});
$("#olho").mouseout(function () {
$("#senha").attr("type", "password");
});
}
function showHidePasswordIf() {
var passwordField = $('#Login1_Password');
var passwordFieldType = passwordField.attr('type');
if (passwordFieldType == 'password') {
passwordField.attr('type', 'text');
$('#Login1_showPassword1').val("Ocultar");
} else {
passwordField.attr('type', 'password');
$('#Login1_showPassword1').val("Mostrar");
}
}
aspx:
<tr>
<td style="width: 183px" align="left">
<asp:TextBox ID="Password" runat="server" Font-Size="12px" TextMode="Password" SkinID="Largo" MaxLength="20"></asp:TextBox>
<asp:ImageButton ID="showPassword" runat="server" ImageUrl="~/imagens/nao-olho.png" style="width:11%; margin-bottom: -2%" OnClientClick="showHidePassword(); return false;" />
<asp:Button ID="showPassword1" Visible="false" runat="server" ImageUrl="~/imagens/nao-olho.png" Text="Mostrar" style="width:37%; margin-bottom: -2%" OnClientClick="showHidePasswordIf(); return false" />
</td>
</tr>
Se faltar alguma informação, por favor avisem. ObrigadaDiscussão (0)
Carregando comentários...