3 Jul 2016

Membuat karakter menampilkan dan menyembunyikan password pada TextBox

Tutorial ini akan membahas cara menampilkan dan menyembunyikan karakter password di TextBox dengan mengunakan CheckBox. pada CheckBox saat di ceklis  karakter bintang (*) pada TextBox akan berubah karakternya  menjadi menjadi karakter biasa.

Toolbox yang di butuhkan :

Toolbox Propertis Value
Label1 Text Password 
Button1 Text Masuk
Checkbox Text Karakter
TextboxPasswordChar *
Langkah 1.
Masuk ke Visual Basic 2010 pilih menu File kemudian New Project. jika sudah tampil form New Project pilih menu Installed Templates pilihlah Visual Basic kemudian pilih Windows Form Aplication, kalau perlu pada Name rubahlah nama projectnya sesuai apa yang akan di buat. jika sudah selesai  pilih tombol Ok jika batal pilih Cancel. jika sulit dan tidak paham mengikuti langkah-langkahnya maka akan ditampilan gambar seperti di bawah ini.

Exported from Notepad++


Atau bisa juga seperti dibawah ini


Tahapan berikutnya 


jika sudah tekan tombol Ok maka akan tampil seperti dibawah ini.

Langkah 2
Buat seperti tampilan ini.

Langkah Berikutnya Label1 pada propeties diubah dengan nama password, pada CheckBox1 di properties beri dengan nama karakter, pada TextBox di properties pilih PasswordChar berilah tanda bintang (*) dan tombol Button1 ubahlah dengan nama Masuk. berikut tampilanya akan seperti ini.


Langkah 3
Sekarang tinggal masukan codingnya, klik dua kali pada checkbox yang di beri nama karakter dan pada tombol Button yang di beri nama Masuk juga di berikan coding.

ini adalah codingnya


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
 Private Sub CheckBox1_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles CheckBox1.CheckedChanged
        If CheckBox1.Checked = True Then
            TextBox1.PasswordChar = ""
        Else
            CheckBox1.Checked = False
            TextBox1.PasswordChar = "*"
        End If
    End Sub

    Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
        MessageBox.Show("Silahkan masuk")
    End Sub
End Class

Langkah4
Jalankan programnya jika sudah selesai memasukan codingnya dengan pilih menu Debug lalu Start Debugging (F5) atau tekan F5 pada keyboard.  maka tampilan akan seperti ini.
 Sesudah diceklis karakternya akan berubah pada TextBox

Sekian dan terimakasih Semoga bermanfaat


Key;
vb 2010, visual basic 2010