Cara Membuat dan Menggunakan MaskedTextBox di Visual Basic .Net Lengkap Dengan Contoh Penggunaannya

Pernah gak kalian mengisi suatu formulir data diri pendaftaran secara online, kalau pernah pasti Anda pernah mengisi tanggal lahir atau nomor telepon dengan format yang sudah disediakan secara otomatis misalnya format tanggal lahir seperti --/--/---- atau format nomor HP seperti ####-####-#### nah itulah contoh pola MaskedTexBox.

MaskedTextBox di VB.NET

Dalam artikel blog kali ini Admin akan membahas secara singkat dan mudah tutorial Cara Membuat dan Menggunakan MaskedTextBox di Visual Basic .Net, tapi sebelum kita ke tutorialnya alangkah baiknya kita harus tau dulu pengertian MaskedTextBox.

Apa itu MaskedTextBox?

MaskedTextBox adalah salah satu kontrol yang ada toolbox Windows Forms Vb.Net yang berfungsi untuk menerima input berdasarkan pola yang sudah di tentukan.

Contoh MaskedTextBox yang mempunyai Format seperti dibawah ini :

• Nomor Telepon : 0812-67840-8765
• Tanggal lahir : 02/05/1980

Dengan di berikan MaskedTextBox maka user tidak akan sembarangan mengetik di luat format yang sudah ditentukan

Keuntungan menggunakan MaskedTextBox

• Mengurangi kesalahan input
• Membantu validasi sejak dini
• Tampilan lebih rapih dan profesional

Cara Membuat dan Menggunakan MaskedTextBox di Visual Basic .Net Lengkap Dengan Contoh Penggunaannya :

1. Buka Visual Basic .Net Anda

2. Buat Form baru

3. Pada Form1 tambahkan kontrol MaskedTextBox yang ada di ToolBox

Setelah menambahkan MaskedTextBox sekarang kita akan menentukan inputan berupa tanggal lahir atau nomor telepon, dalam hal ini kita akan mencoba keduanya

4. Tambahkan 1 lagi  MaskedTextBox jadi 2  MaskedTextBox di Form

5. Tambahkan juga 2 Label untuk hasil

6. Tambahkan 1 Button

A. MaskedTextBox Tanggal Lahir

Atur properies  MaskedTextBox1 untuk aturan Tanggal lahir

Name : MTBLahir

Mask: 00/00/0000

PromptChart : #

Maka nanti formatnya seperti ini ##/##/#### saat dijalanakan

B. MaskedTextBox Nomor HP

Atur properies  MaskedTextBox2 untuk aturan Tanggal lahir

Name : MTBHp

Mask: 000-000-000-000

PromptChart : -

Maka nanti formatnya seperti ini __-__-____ saat dijalanakan

C. Label

Atur properties label1 dan Label2

Label1 >> Text:LabelHasilHP >>Name:LabelHp

Label2 >> Text:LabelHasilTglLahir >>Name:LabelLahir

D. Button1

Button1 >> Text: Tampil

E. Listing Kode

Public Class Form1

    Private Sub button1_Click(sender As Object, e As EventArgs) Handles Button1.Click

        If MTBHp.MaskCompleted Then

            LabelHp.Text = "Nomor HP: " & MTBHp.Text

        Else

            MessageBox.Show("Nomor HP belum lengkap!", "Peringatan")

            MTBHp.Focus()

            Exit Sub

        End If

        If MTBLahir.MaskCompleted Then

            LabelLahir.Text = "Tanggal lahir: " & MTBLahir.Text

        Else

            MessageBox.Show("Tanggal lahir lengkap!", "Peringatan")

            MTBLahir.Focus()

            Exit Sub

        End If

    End Sub

End Class

E. Sekarang jalankan program dan inputkan nomor hp dan tanggal lahir dan klik tampilkan

Tips penting ! :

1. Gunakan selalu PromptChart, ini berfungsi untuk mewakili inputan kita sebelum kita menginput misalnya #, _ atau ?
2. Gunakan Mask  misal tanda - atau /, ini berfungsih untuk pemisah, jangan lupa untuk mengetik 0 diikuti Mask-nya misalnya 0000-0000-0000 atau  00/00/0000

Demikianlah artikel blog kali ini tentang Cara Membuat dan Menggunakan MaskedTextBox di Visual Basic .Net Lengkap Dengan Contoh Penggunaannya, semoga artikel ini bermanfaat buat kita semua.Amin.

Selamat mencoba semoga berhasil