Tengo un login donde pongo un email y password, y cuando le doy el icono de ver/esconder password, se genera otra debajo.
Aquí tengo el codigo de html:
<div class="form-group has-feedback">
@Html.PasswordFor(m => m.Password, new { @class = "form-control", type = "password", placeholder =
"Password" })
@Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
<a href="#" id="showPassword" class="form-control-feedback" onclick="mostrarPassword()" style="pointer-events: all;">
<span class="glyphicon glyphicon-eye-close"></span>
</a>
</div>
y en la parte del query.
function mostrarPassword() {
var cambio = document.getElementById("Password");
if (cambio.type == "password") {
cambio.type = "text";
$('#showPassword').removeClass('glyphicon glyphicon-eye-close').addClass('glyphicon glyphicon-eye-open');
} else {
cambio.type = "password";
$('#showPassword').removeClass('glyphicon glyphicon-eye-open').addClass('glyphicon glyphicon-eye-close');
}
}
$(document).ready(function () {
//CheckBox mostrar contraseña
$('#ShowPassword').click(function () {
$('#Password').attr('type', $(this).is(':checked') ? 'text' : 'password');
});
});