Praktikum ASP.NET 4 : Membuat Form Validation

Another hello from me today=)) Kali ini kita akan belajar membuat membuat Form Validation.

1. Run Apache dan Mysql di Xampp Control Panel lalu buka VS Ultimate 2012. Klik New Project, pilih Visual C# - Windows - Windows FormS Application. Beri nama project dan solution sesuai gambar di bawah.
   
   
   
2. Klik OK, maka tampilan selanjutnya akan seperti gambar di bawah.
   
   
   
3. Klik pada Form, ubah Text pada Properties menjadi Validation Form.
4. Design form seperti gambar di bawah.
   
   
   
5. Double click pada button dan ketikkan script berikut :
   
   namespace FormVal
   {
       public partial class FormVal : Form
       {
           public FormVal()
           {
               InitializeComponent();
           }
   
   
           private void btn_Click(object sender, EventArgs e)
           {
               bar1.Value = 0;
               if (a.Text == "")
               {
                   x.SetError(a, "Masukkan Nama");
               }
               else
               {
                   x.SetError(a, "");
               }
   
               if (b.Text == "")
               {
                   x1.SetError(b, "Masukkan NIS");
               }
               else
               {
                   x1.SetError(b, "");
               }
   
               if (c.Text == "")
               {
                   x2.SetError(c, "Masukkan Kelas");
               }
               else
               {
                   x2.SetError(c, "");
               }
   
               if (d.Text == "")
               {
                   x3.SetError(d, "Masukkan SMP Asal");
               }
               else
               {
                   x.SetError(d, "");
               }
   
               for (int i = 0; i < bar1.Maximum; i++)
               {
                   bar1.Value = bar1.Value + 1;
               }
               MessageBox.Show("\nNama\t : " + a.Text + "\nNIS\t : "
               + b.Text + "\nKelas\t : " + c.Text + "\nSMP Asal\t : " + d.Text);
           }
   
       }
   }
   
   
   
6. Run dengan Ctrl+F5. Maka hasilnya akan seperti gambar di bawah :
   
   
   
   

   

   Setelah data diinputkan dan diklik Eksekusi

   

   Saat data yang dimasukkan tidak lengkap, akan keluar error icon setelah diklik Eksekusi

Yang kedua, kita akan membuat Form Validation yang hampir sama. Tetapi saat kita tidak menginputkan NIS dengan angka ataupun belum menginputkan data dengan lengkap, tidak hanya akan keluar error tetapi juga akan keluar Message Box.

1. Buat project baru, pilih Windows Forms Applicaton, beri nama FormVal, tetapi buat solution baru dengan nama TugasCSharp4.
2. Design form sama persis seperti pada saat praktek tadi. Setelah selesai, double click button dan ketikkan script berikut :
   
   namespace FormVal
   {
       public partial class FormVal : Form
       {
           public FormVal()
           {
               InitializeComponent();
           }
   
   
           private void btn_Click(object sender, EventArgs e)
           {
               bar1.Value = 0;
               if (a.Text == "")
               {
                   x.SetError(a, "Masukkan Nama");
               }
               else
               {
                   x.SetError(a, "");
               }
   
               decimal nis;
               if (b.Text == "")
               {
                   x1.SetError(b, "Masukkan NIS");
               }
               else if (!Decimal.TryParse(b.Text, out nis))
               {
                   x1.SetError(b, "Masukkan NIS dengan Benar!");
               }
               else
               {
                   x1.SetError(b, "");
               }
   
               if (c.Text == "")
               {
                   x2.SetError(c, "Masukkan Kelas");
               }
               else
               {
                   x2.SetError(c, "");
               }
   
               if (d.Text == "")
               {
                   x3.SetError(d, "Masukkan SMP Asal");
               }
               else
               {
                   x.SetError(d, "");
               }
   
               for (int i = 0; i < bar1.Maximum; i++)
               {
                   bar1.Value = bar1.Value + 1;
               }
   
               if (a.Text == "" && b.Text == "" && c.Text == "" && d.Text == "")
               {
                   MessageBox.Show("Anda Harus Menginputkan Data");
               }
               else if (a.Text == "" || b.Text == "" || c.Text == "" || d.Text == "")
               {
                   MessageBox.Show("Anda Belum Memasukkan Input Dengan Lengkap");
               }
               else if (!Decimal.TryParse(b.Text, out nis))
               {
                   MessageBox.Show(b, "Masukkan NIS Hanya Dengan Angka!");
               }
   
               MessageBox.Show("\nNama\t : " + a.Text + "\nNIS\t : "
               + b.Text + "\nKelas\t : " + c.Text + "\nSMP Asal\t : " + d.Text);
           }
       }
   }
   
   
3. Run dengan Ctrl+F5 dan hasilnya akan seperti berikut :
   
   
   
   

   

   Jika NIS tidak dimasukkan dengan benar

   
   

   

   Jika input yang dimasukkan belum lengkap

   
   Selamat mencoba!^^