Jquery show password

Show password on click button jquery

<div class="signin-form u-password p-relative">
    <span class="view-password"><i class="fas fa-eye"></i></span>
	<input id="pass" class="pass" type="password" placeholder="Enter your password"/>
</div>

$('.view-password').on('click', function () {
  let input = $(this).parent().find(".pass");
  input.attr('type', input.attr('type') === 'password' ? 'text' : 'password');
});

Jquery show password

 $("#showpaswd").click(function () {
        var x = document.getElementById("cpassword");
        if (x.type === "password") {
            x.type = "text";
        } else {
            x.type = "password";
        }
    });

View my password jquery

$('#check').click(function(){
	if(document.getElementById('check').checked) {
    $('#test-input').get(0).type = 'text';
  } else {
      $('#test-input').get(0).type = 'password';
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='password' id='test-input' /> Show password <input type='checkbox' id='check' />

Source: stackoverflow.com

Similar codes

13 votes124 views3 answers
Jquery not equal
Javascript jQuery
0 vote80 views1 answer
JQMIGRATE: jQuery.fn.keyup() event shorthand is deprecated
Javascript jQuery
0 vote109 views1 answer
Jquery hide elevateZoom
Javascript jQuery
0 vote119 views1 answer
Jquery is child of
Javascript jQuery
-1 vote135 views1 answer
Waypoint jquery
Javascript jQuery
0 vote118 views1 answer
Selialize jquery
Javascript jQuery
0 vote111 views1 answer
Jquery select selected get data name
Javascript jQuery
0 vote132 views1 answer
Check if element has childs jquery
Javascript jQuery
1 vote122 views1 answer
Jquery create input hidden
Javascript jQuery
0 vote203 views1 answer
Replace an element with another jquery
Javascript jQuery