Anduve haciendo un toggle de mostrar y ocultar la contraseña de los inputs; tengo 2 inputs en el cual al darle al icono div class="icon icon-view"
, en los dos se muestre y oculte.
Pero solo funciona una sola vez y no vuelve los inputs a type="password"
.
$(document).ready(function() {
$("#view").click(function() {
$(this).toggleClass("icon-view-active");
if ($(":password").attr("type","password")){
$(':password').attr("type", "text");
}
else{
$(':password').attr("type", "password");
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-float">
<input type="password" name="password" placeholder="Introduce tu contraseña..." required>
<!-- -->
<div class="password-verify">
<input type="password" name="password_verify" placeholder="Introduce tu contraseña..."required>
<div class="icon icon-view" id="view">clic aqui</div>
</div>
</div>