jueves, 29 de octubre de 2015

Mostrar la contraseña en un Input tipo "password"

Llega un momento en el que queremos agregarle mejor a nuestro proyecto y uno de esos pequeños detalles que hacen más atractivo el login es tener la opción de mostrar el Password cuando la escribimos, en esta ocasión lo haré de manera fácil de implementar, usando la librería Jquery y su útil método "attr()" que nos ayuda a modificar atributos de las etiquetas, también usaremos un Input de tipo "checkbox" que será el que ejecute la acción de mostrar u ocultar la contraseña :


Mostrar Contraseña

<html>
<head>
<script src="js/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<input type="password" class="pass" value="Password">
<br>
<input type="checkbox" class="check"> Mostrar Contraseña </body>
<script type="text/javascript">
$('.check').on("change",function(){
if($(this).prop('checked')) {
$('.pass').attr("type","text");
}
else{
$('.pass').attr("type","password");
}
});
</script>
</html>
DarkCry a la/s

No hay comentarios.:

Publicar un comentario

Suscribirse a: Comentarios de la entrada (Atom)