Home » Uncategories » Menyembunyikan Password dan juga menampilkan password dengan JQuery pada Form Login

Menyembunyikan Password dan juga menampilkan password dengan JQuery pada Form Login

Assalammualaikum Wr. Wb.

Kali ini saya akan sharing mengenai cara Menyembunyikan Password dan juga menampilkan password dengan JQuery pada Form Login. hal ini dilakukan untuk memberi kemudiann kepada si yang mau login untuk melihat passwordnya, apakah sudah benar atau tidak.

A. PENDAHULUAN
  • Pengertian
Menyembunyikan dan menampilkan password merupakan suatu hal yang wajar saat membuat data user baru, bagaimana tidak?, keduanya sangat penting, dimana Hide untuk menyembunyikan password agar terenkripsi dan juga show untuk menampilkan password jika kita ragu akan password yang kita masukkan.
  • Latar Belakang
Pengguna dapat lebih mudah untuk login.
  • Maksud dan Tujuan
Dapat membuat fungsi untuk menyembunyikan dan menampilkan password pada login website.
B. ALAT DAN BAHAN
  • Text Editor.
  • Library Javascript (saya menggunakan JQuery).
  • Web Browser
  • 1 Unit PC/Laptop.
C. JANGKA WAKTU PELAKSANAAN
  • Sekitar 10 menitan
D. RANGKAIAN KEGIATAN
  • Definisi Password
Password merupakan cikal bakal adanya keamanan di dunia modern saat in, bagaimana tidak, dengan adanya password ini kita dapat mengamankan semua data yang terdapat pada sebuah akun. nah, kemudahan itu kita dapatkan saat memasukkan password sekarang ini dimana kita dapat Menyembunyikan dan menampilkan password, bagaimana tidak?, keduanya sangat penting, dimana Hide untuk menyembunyikan password agar terenkripsi dan juga show untuk menampilkan password jika kita ragu akan password yang kita masukkan.
  • Menampilkan dan Menyembunyikan password
untuk menampilkan password pertama tama kiita buat dulu form loginnya. berikut merupakan scriptnya.

kita panggil dulu JQuery nya


kemudian kita buat kerangka form loginnya.



setelah itu kita panggil efek JQuerynya



setelah itu supaya tampilannya menjadi bagus :v. kita buat file css nya, berikut merupakan scriptnya...



kemudian jika kita cek hasilnya di browser, maka hasilnya akan menjadi seperti ini...



 kemudian jika kita tampilkan passwordnya, maka hasil nya akan menjadi sebagai berikut..




 E. HASIL YANG DIDAPATKAN
  • Dapat Mengenkripsi password dan menampilkannya di form login
F. TEMUAN PERMASALAHAN
  • jika font atau gaya tulisan kalian tidak sama saya anggap wajar, karena kalian belum install font nya.
G. KESIMPULAN
  • Untuk Menampilkan password dan menyembunyikannya kita dapat gunakan JQuery.
H. REFERENSI
  • MalasNgoding

Sekian sharing yang dapat saya sampaikan kali ini mengenai Menyembunyikan Password dan juga menampilkan password dengan JQuery pada Form Login.

semoga bermanfaat....

Wassalammualaikum Wr. Wb.


Subscribe to: Post Comments (Atom)