, cara menampilkan dan menyembunyikan password pada form login, Archivescode, Archivescode

cara menampilkan password pada login form

pernahkah anda melihat ketika kita login ke sebuah halaman wesite kita dapat melihat password yang telah kita inputkan dan dapat mengecek apakah password yang kita inputkan itu sudah benar atau salah.

yang biasanya ada tanda mata slash pada samping kanan input password.

disini saya akan berbagi tips cara membuat hal semacam itu. dan ternyata cara nya adalah sangat sederhana yaitu dengan menggunakan javascript untuk mengubah type dari field inputan kita yang tadi nya type adalah password kita ubah ke type text.

kemudian mengubah icon mata slash dengan icon mata tanpa slash.

ok lagsung saja untuk kodingan nya ya

$('.view_password').on('click', function(){
    var x = document.getElementById("password");
    if (x.type === "password") {
      x.type = "text";
      $(this).removeClass('fa-eye-slash');
      $(this).addClass('fa-eye');
   } else {
     x.type = "password";
     $(this).removeClass('fa-eye');
     $(this).addClass('fa-eye-slash');
  }
});

 

 

untuk kodingan nya sendiri hanya sederhana silakan lihat kodingan di bawah ini :

cukup mudah bukan untuk demo program nya bisa di download di github ane gan monggo lagsung di download aja

Demo

monggo langsung dinikmati

semoga berhasil. jika gagal silakan tinggalkan komentar

Leave a Reply