Laman

Jumat, 13 November 2015

Tutorial koneksi database SQL Server dengan ASP.Net

Assalamualaikum..

Welcome to my Blog jumpa lagi sama gue jangan bosen ya ^_^
Disini gua mau share tutorial koneksi database SQL server dengan ASP.Net
Langsung aja yuk tidak perlu berlama-lama lagi, bismillah... check this out ;-D


1. Buka Web Project yang sudah kita buat di tutorial sebelumnya, Cari dan buka Web.Config
Lihat Gambar 5.1
Gambar 5.1 

2. Lalu cari Source ConectionString, kemudian tulis Source code seperti di gambar
Lihat Gambar 5.2
Gambar 5.2

Dibawah ini adalah contoh source codenya,


Source Codenya : " <add name="con_sttm" providerName="System.Data.SqlClient"
         connectionString ="Data Source=DESKTOP-VC80CQ1;Initial Catalog=Latihan1;User ID=sa; Password=234" />" (Tanpa tanda kutip)


3. Lalu buat Form Data Grid View untuk melihat hasil data yang kita buat
Lihat Gambar 5.3
 Gambar 5.3

4. Selanjutnya Pilih Web Form, Lalu beri nama FormGridView dan jangan lupa celist Select Master Page >> OK
Lihat Gambar 5.4
 Gambar 5.4

5. Akan muncul jendela Master Page Lalu pilih Latihan.Master >> OK
Lihat Gambar 5.5
Gambar 5.5

6. Setelah itu Pada Content3 kita isi dengan source code sebagai berikut :
Lihat Gambar 5.6
Gambar 5.6

7. Maka akan tampil design seperti gambar, kemudian pada Choose Data Source Pilih <New Data Source>
Lihat Gambar 5.7
 Gambar 5.7

8. Lalu Pilih Sql Database >> OK
Lihat Gambar 5.8
Gambar 5.8

9. Lalu pada jendela Configure Data Source, Pilih Con_sttm >> Next >> Pilih Spesify a custom SQL Statement >> Klik Next
Lihat Gambar 5.9


Gambar 5.9

10. Nah di sini kita di perintah memasukan query Joint 3 Tabel pada kotak Sql Steatment seperti pada gambar dan kemudian >> Next
Lihat Gambar 5.10
Gambar 5.10

11. Setelah itu muncul jendela agar kita di sarankan test query agar mengetahui query yang kita buat sudah benar apah salah. Pilih >> Test Query >> dan Klik Finis
Lihat Gambar 5.11


 Gambar 5.11

12. Maka Design akan seperti ini
Lihat Gambar 5.12
Gambar 5.12

Selesai deh :-D silahkan dicoba semoga bermanfaat ya ^_^
Wassalamualaikum wr.wb
Salam Tamfan *_^

Kamis, 12 November 2015

Membuat Data Base, Primary Key dan Forgen Key-nya

Assalamualaikum wr.wb

Jumpa lagi nih sama gue jangan bosen bosen ya :-P hehe
Sekarang gua mau share cara membuat Data Base, Primary Key dan Forgen key
Dari pada kelamaan basa basi mending langsung liat aja tutorialnya dibawah ini ^_^
Check this out :-D


1. Buka Aplikasi Sql Server 2008R2 >> Connect Untuk masuk Sql Server
Lihat Gambar 4.1
Gambar 4.1

2. Setelah masuk langsung buat data basenya, Cari Data Base lalu klik kanan >>New Data Base
Lihat Gambar 4.2
 Gambar 4.2

3. Maka akan terbuka jendela New Data Base, Isi dengan nama Latihan1 (terserah mau dikasih nama apa bebas kok) >> klik OK
Lihat Gambar 4.3
Gambar 4.3

4. Maka akan muncul folder Latihan1 dan di folder Latihan1 klik kanan >> New Tabel
Lihat Gambar 4.4
Gambar 4.4
5. Lalu Isi fieldnya seperti gambar dan save beri nama "Tabel_Mahasiswa"
Lihat Gambar 4.5
Gambar 4.5

6. Lalu Buat juga Tabel_Agama, dan Tabel_Jurusan caranya sama seperti pembuatan Tabel_Mahasiswa
Lihat Gambar 4.6 Tabel Agama dan 4.7 Tabel Jurusan


Gambar 4.6 Tabel_Agama
Gambar 4.7 Tabel_Jurusan
7. Setelah Jadi Tabel_Mahasiswa, Tabel_Agama, dan Tabel_Jurusan lalu set Primary Key dan Forgen Keynya. Caranya :
Buka kembali Tabel_Mahasiswa >>Klik kanan pada Mahasiswa_ID >> Set Primary Key
Lihat Gambar 4.8
 Gambar 4.8

8. Buat Juga pada Tabel_Agama dan Tabel_Jurusan
Lihat Gambar 4.9 Tabel Agama dan Gambar 4.10 Tabel Jurusan
Gambar 4.9 Tabel_Agama
 Gambar 4.10 Tabel_Jurusan
9. Setelah Primary Key selesai di buat, kemudian buar juga Forgen Keynya. Caranya :
Buka Kembali Tabel_Mahsiswa >> Klik kanan Pada Field Agama_ID >> Pilih Relationship >> Add >> Pilih Tables and Column Specificat
Lihat Gambar 4.11
Gambar 4.11

10. Makan akan muncul jendela Tabel dan Column, Lalu Set
Lihat Gambar 4.12
 Gambar 4.12

11. Lakukan juga langkah yang sama pada Field Jurusan ID untuk membuat Forgen Key Jurusan ID
Lihat Gambar 4.13
Gambar 4.13


Demikian turorialnya semoga bermanfaat ya ^_^
Sampai ketemu di tutorial-tutorial berikutnya...

Wassalamualaikum wr.wb
Salam Tamfan aja dari gue ;-D hehe viss

Selasa, 10 November 2015

Tutorial Menampilkan Kalender dengan ajak Tool Kit

Pada bahasan sebelumnya kita telah membuat Form Input Data pada Use Master Page, disini kita akan membuat tampilan kalender pada inputan tanggal lahir.
Bagaimana caranya..?? Penasaran kan?? gue juga penasaran, hehe
Langsung saja ke lokasi kejadian, check this out <<>>

1.Buka UseMasterPage yang telah kita buat diTutorial sebelumnya, Lalu cari source code yang berisi tanggal lahir :
Lihat Gambar 3.1
Gambar 3.1

2. Kemudian cari ToolBox AjakToolKit >>CalenderExtender drag and drop lalu tambahkan Source Code berikut : TargetControlID="False" dan Format="dd MMM yyyy"
Lihat Gambar 3.2
Gambar 3.2
 
3. Tambahkan juga ToolScriptManager yang ada di AjakToolkit, lalu drag and drop ke bagian Sorce Code Content3
Lihat Gambar 3.3
Gambar 3.3

4. Dan Debug, maka hasilnya akan seperti ini :
Lihat Gambar 3.4
 Gambar 3.4

Silahkan dicoba turorialnya, semoga bermanfaat ^_^
Jumpa lagi di tutorial-turorial berikutnya... salam tamfan :-P


Membuat Validator ASP.NET

Assalamualaikum wr.wb

Ketemu lagi di tutorial ASP.NET Part 2 nih bersama gue si ganteng kalem ^_^

Melanjutkan dari tutorial sebelumnya, Kali ini gue akan membahas tentang cara membuat Master Page dan cara memanggil dan menggunakan Master Page. Langsung kita menuju TKP yuk.... yuk mari...!!

1. Buka lagi Project pada tutorial bagian pertama, Pada Solution Explorer klik kanan pada project Latihan >> Pilih Add >> New Items seperti dibawah :
Lihat Gambar 2.1
Gambar 2.1

2. Pilih Master Page, dan beri nama LatihanMaster >> OK
Lihat gambar 2.2
Gambar 2.2

 3.  Maka akan muncul jendela seperti ini :
Lihat Gambar 2.3
Gambar 2.3
 
4. Next tulis sorce code berikut ini :

<%@ Master Language="VB" CodeFile="Latihan.master.vb" Inherits="Latihan" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>
        <asp:ContentPlaceHolder ID="Head" runat="server">
        </asp:ContentPlaceHolder>
    </title>
    <asp:ContentPlaceHolder id="CSS" runat="server">
    </asp:ContentPlaceHolder>
    <link href="Styles/StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="page">
        <div id="header">
            <h2>
                Latihan ASP.NET
            </h2>
        </div>
        <div id="nav">
            <ul>
                <li><a href="Default.aspx">Home</a> </li>
                <li><a href="FormInputData.aspx">Input Data</a> </li>
                <li><a href="View.aspx">View</a> </li>
              </ul>
    </div>
    <div id="content">
        <asp:ContentPlaceHolder id="ISI" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </div>
    <div id="footer">
        <br />
        Teknik Informatika Sekolah Tinggi Teknologi Muhammadiyah Cileungsi - 2015
    </div>
    </form>
</body>
</html>

5. Jika benar maka desaign akan seperti ini :
Lihat Gambar 2.4
Gambar 2.4

6. Next membuat Use Master Page
Sebelum membuatnya perlu di ketahui apa fungsi Use Master Page.
Use Master Page ini berfungsi untuk memanggil master page yang sudah kita buat sebelumnya. Pada dasarnya cara pembuatan Use Master Page sama dengan Master Page.
Dari pada banyak teori mending lihat gambar dibawah ^_^

Pada Solution Explorer klik kanan pada project Latihan >> Pilih Add >> New Items
Lihat Gambar 2.5
Gambar 2.5

7. Pilih Web Form, kasih nama UseMasterPage dan jangan lupa ceklis Select Master Page >> OK
Lihat Gambar 2.6
Gambar 2.6


8. Akan muncul jendela Select a Master Page, Lalu pilih LatihanMaster yang telah kita buat tadi, lalu Klik OK
Lihat Gambar 2.7
Gambar 2.7

9. Maka akan muncul jendela seperti dibawah ini :
Lihat Gambar 2.8
Gambar 2.8


Kemudian buat source code berikut ini :

<%@ Page Title="" Language="VB" MasterPageFile="~/Latihan.master" AutoEventWireup="false" CodeFile="UserMasterPage.aspx.vb" Inherits="UserMasterPage" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="CSS" Runat="Server">
    <link href="Styles/StyleSheet.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ISI" Runat="Server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
  <div>
   
    <h2>
    Form Input
    </h2>
    <asp:ValidationSummary ID="ValidationSummary1" runat="server" BackColor="Yellow"
    ForeColor="Red" ValidationGroup="Data" ShowSummary="true" />
    <table>
        <tr>
            <td>
                Nim
            </td>
            <td>
                :
            </td>
            <td>
                <asp:TextBox ID="txtNIM" runat="server" Width="100px" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
                ErrorMessage="Nim harus diisi" ControlToValidate="txtNIM" ForeColor="Red"
                validationGroup="Data" SetFocusOnError="true">*Nim Harus Diisi</asp:RequiredFieldValidator>
            </td>
          </tr>
          <tr>
            <td>
                Nama
          </td>
          <td>
                :
          </td>
          <td>
                <asp:TextBox ID="txtNama" runat="server" />
                <asp:RequiredFieldValidator ID="RequiredFieldvalidator2" runat="server"
                ErrorMessage="Nama harus diisi" ControlToValidate="txtNama" ForeColor="Red"
                ValidationGroup="Data" SetFocusOnError="true">*Nama Harus Diisi</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
            <td>
                Tempat Lahir
          </td>
          <td>
                :
          </td>
          <td>
                <asp:TextBox ID="txtTempatLahir" runat="server" />
                <asp:RequiredFieldValidator ID="RequiredFieldvalidator3" runat="server"
                ValidationGroup="Data" ErrorMessage="Tempat Lahir Harus diisi"
                ControlToValidate="txtTempatLahir" ForeColor="Red" SetFocusOnError="true">*Tempat Lahir Harus Diisi</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
          <td>
                Tanggal Lahir
          </td>
          <td>
                :
          </td>
          <td>
                <asp:TextBox ID="txtTglLahir" runat="server" />
                <asp:RequiredFieldValidator ID="RequiredFieldvalidator4" runat="server" ValidationGroup="Data"
                ErrorMessage="Tanggal Lahir harus diisi" ControlToValidate="txtTglLahir" ForeColor="Red"
                SetFocusOnError="true">*Tanggal Lahir Harus Diisi</asp:RequiredFieldValidator>
              <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtTglLahir" Format="dd MMM yyyy">
              </asp:CalendarExtender>
         
         
          </td>
          </tr>
          <tr>
            <td>
                Jenis Kelamin
          </td>
          <td>
                :
          </td>
          <td>
                <asp:RadioButtonList ID="RBLJK" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
                    <asp:ListItem Value="L" Text="Laki-Laki" />
                    <asp:ListItem Value="P" Text="Perempuan" />
                    </asp:RadioButtonList>
                <asp:RequiredFieldValidator ID="RequiredFieldvalidator5" runat="server" ValidationGroup="Data"
                ErrorMessage="Silahkan Pilih Jenis Kelamin" ControlToValidate="RBLJK"
                ForeColor="Red" SetFocusOnError="true">*Pilih Jenis Kelamin</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
            <td>
                Agama
          </td>
          <td>
                :
          </td>
          <td>
                <asp:DropDownList ID="ddlAgama" runat="server">
                    <asp:ListItem Value="0" Text="Pilih"></asp:ListItem>
                    <asp:ListItem Value="1" Text="Islam"></asp:ListItem>
                    <asp:ListItem Value="2" Text="Katolik"></asp:ListItem>
                    <asp:ListItem Value="3" Text="Protestan"></asp:ListItem>
                    <asp:ListItem Value="4" Text="Hindu"></asp:ListItem>
                    <asp:ListItem Value="5" Text="Budha"></asp:ListItem>
                 </asp:DropDownList>
                 <asp:RequiredFieldValidator ID="RequiredFieldvalidator6" runat="server" ValidationGroup="Data"
                 ErrorMessage="Agama harus diisi" ControlToValidate="ddlAgama"
                 ForeColor="Red" InitialValue="0" SetFocusOnError="true">*Pilih Agama</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
          <td>
                Jurusan
          </td>
          <td>
                :
          </td>
          <td>
              <asp:DropDownList ID="ddlJurusan" runat="server">
                <asp:ListItem Value="0" Text="Pilih"></asp:ListItem>
                <asp:ListItem Value="1" Text="Teknik Informatika"></asp:ListItem>
                <asp:ListItem Value="2" Text="Teknik Industri"></asp:ListItem>
                <asp:ListItem Value="3" Text="Teknik Mesin"></asp:ListItem>
              </asp:DropDownList>
              <asp:RequiredFieldValidator ID="RequiredFieldvalidator7" runat="server" ValidationGroup="Data"
              ErrorMessage="Jurusan Harus diisi" ControlToValidate="ddlJurusan"
              ForeColor="Red" InitialValue="0" SetFocusOnError="true">*Pilih Jurusan</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
          <td>
                Email
          </td>
          <td>
                :
          </td>
          <td class="auto-style1">
                <asp:TextBox ID="txtemail" runat="server"></asp:TextBox>
                <asp:RegularExpressionValidator ID="emailValidator" runat="server" ErrorMessage="<b>{Tolong Masukan Email Yang Benar}</b>"
                ValidationGroup="Data" SetFocusOnError="true" ForeColor="Red" ControlToValidate="txtemail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                <asp:RequiredFieldValidator ID="RequiredFieldvalidator8" runat="server" Display="Dynamic" ValidationGroup="Data" ErrorMessage="Tolong masukan email yang benar" ControlToValidate="txtemail" SetFocusOnError="true"></asp:RequiredFieldValidator>
                
          </td>
          </tr>
        <tr>
        <td>
                <asp:Button ID="btnSimpan" runat="server" Text="Simpan" ValidationGroup="Data" />
                <asp:Button ID="btnBatal" runat="server" Text="Batal" />
        </td>
        </tr>
    </table>

    </div>
</asp:Content>

10. Jika tidak ada error maka akan jadi seperti ini :
Lihat Gambar 2.9
Gambar 2.9
Jika debug akan seperti ini :
Lihat Gambar 2.10
Gambar 2.10
Begitulah kurang lebih tutorial pembuatannya, semoga bermanfaat...
Sampai Jumpa di turorial berikutnya ^_^ salam Tamfan :-D

Senin, 09 November 2015

Edukasi ASP.NET - VB.NET

Membuat Validator ASP.NET - VB.NET Part 1

Gambar 1.1



Gambar 1.2

Check this out :

1. Buka Aplikasi Visual Studio 2010 agan, lalu pilih New Project,
Penampakannya akan seperti dibawah ini :
Lihat gambar 1.3
Gambar 1.3

2. Akan muncul jendela seperti pada gambar dibawah ini, Pilih ASP.NET Application, isi File Name dengan "Latihan" Lalu klik OK
Lihat Gambar 1.4
Gambar 1.4

3. Kemudian akan muncul jendela seperti ini :
Lihat Gambar 1.5
Gambar 1.5

4. Pada Solution Explorer, klik kanan pada latihan web >> Klik Add >> New Items
Lihat Gambar 1.6
Gambar 1.6

5. Lalu pilih Web Form, Kemudian beri nama FormInputData.
Lihat Gambar 1.7
Gambar 1.7

6. Next masukan source code Berikut ini :

       <%@ Page Language="VB" AutoEventWireup="false" CodeFile="FormInputData.aspx.vb" Inherits="FormInputData" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   
    <h2>
    Form Input
    </h2>
    <asp:ValidationSummary ID="ValidationSummary1" runat="server" BackColor="Yellow"
    ForeColor="Red" ValidationGroup="Data" ShowSummary="true" />
    <table>
        <tr>
            <td>
                Nim
            </td>
            <td>
                :
            </td>
            <td>
                <asp:TextBox ID="txtNIM" runat="server" Width="100px" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
                ErrorMessage="Nim harus diisi" ControlToValidate="txtNIM" ForeColor="Red"
                validationGroup="Data" SetFocusOnError="true">*Nim Harus Diisi</asp:RequiredFieldValidator>
            </td>
          </tr>
          <tr>
            <td>
                Nama
          </td>
          <td>
                :
          </td>
          <td>
                <asp:TextBox ID="txtNama" runat="server" />
                <asp:RequiredFieldValidator ID="RequiredFieldvalidator2" runat="server"
                ErrorMessage="Nama harus diisi" ControlToValidate="txtNama" ForeColor="Red"
                ValidationGroup="Data" SetFocusOnError="true">*Nama Harus Diisi</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
            <td>
                Tempat Lahir
          </td>
          <td>
                :
          </td>
          <td>
                <asp:TextBox ID="txtTempatLahir" runat="server" />
                <asp:RequiredFieldValidator ID="RequiredFieldvalidator3" runat="server"
                ValidationGroup="Data" ErrorMessage="Tempat Lahir Harus diisi"
                ControlToValidate="txtTempatLahir" ForeColor="Red" SetFocusOnError="true">*Tempat Lahir Harus Diisi</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
          <td>
                Tanggal Lahir
          </td>
          <td>
                :
          </td>
          <td>
                <asp:TextBox ID="txtTglLahir" runat="server" />
                <asp:RequiredFieldValidator ID="RequiredFieldvalidator4" runat="server" ValidationGroup="Data"
                ErrorMessage="Tanggal Lahir harus diisi" ControlToValidate="txtTglLahir" ForeColor="Red"
                SetFocusOnError="true">*Tanggal Lahir Harus Diisi</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
            <td>
                Jenis Kelamin
          </td>
          <td>
                :
          </td>
          <td>
                <asp:RadioButtonList ID="RBLJK" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
                    <asp:ListItem Value="L" Text="Laki-Laki" />
                    <asp:ListItem Value="P" Text="Perempuan" />
                    </asp:RadioButtonList>
                <asp:RequiredFieldValidator ID="RequiredFieldvalidator5" runat="server" ValidationGroup="Data"
                ErrorMessage="Silahkan Pilih Jenis Kelamin" ControlToValidate="RBLJK"
                ForeColor="Red" SetFocusOnError="true">*Pilih Jenis Kelamin</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
            <td>
                Agama
          </td>
          <td>
                :
          </td>
          <td>
                <asp:DropDownList ID="ddlAgama" runat="server">
                    <asp:ListItem Value="0" Text="Pilih"></asp:ListItem>
                    <asp:ListItem Value="1" Text="Islam"></asp:ListItem>
                    <asp:ListItem Value="2" Text="Katolik"></asp:ListItem>
                    <asp:ListItem Value="3" Text="Protestan"></asp:ListItem>
                    <asp:ListItem Value="4" Text="Hindu"></asp:ListItem>
                    <asp:ListItem Value="5" Text="Budha"></asp:ListItem>
                 </asp:DropDownList>
                 <asp:RequiredFieldValidator ID="RequiredFieldvalidator6" runat="server" ValidationGroup="Data"
                 ErrorMessage="Agama harus diisi" ControlToValidate="ddlAgama"
                 ForeColor="Red" InitialValue="0" SetFocusOnError="true">*Pilih Agama</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
          <td>
                Jurusan
          </td>
          <td>
                :
          </td>
          <td>
              <asp:DropDownList ID="ddlJurusan" runat="server">
                <asp:ListItem Value="0" Text="Pilih"></asp:ListItem>
                <asp:ListItem Value="1" Text="Teknik Informatika"></asp:ListItem>
                <asp:ListItem Value="2" Text="Teknik Industri"></asp:ListItem>
                <asp:ListItem Value="3" Text="Teknik Mesin"></asp:ListItem>
              </asp:DropDownList>
              <asp:RequiredFieldValidator ID="RequiredFieldvalidator7" runat="server" ValidationGroup="Data"
              ErrorMessage="Jurusan Harus diisi" ControlToValidate="ddlJurusan"
              ForeColor="Red" InitialValue="0" SetFocusOnError="true">*Pilih Jurusan</asp:RequiredFieldValidator>
          </td>
          </tr>
          <tr>
          <td>
                Email
          </td>
          <td>
                :
          </td>
          <td class="auto-style1">
                <asp:TextBox ID="txtemail" runat="server"></asp:TextBox>
                <asp:RegularExpressionValidator ID="emailValidator" runat="server" ErrorMessage="<b>{Tolong Masukan Email Yang Benar}</b>"
                ValidationGroup="Data" SetFocusOnError="true" ForeColor="Red" ControlToValidate="txtemail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                <asp:RequiredFieldValidator ID="RequiredFieldvalidator8" runat="server" Display="Dynamic" ValidationGroup="Data" ErrorMessage="Tolong masukan email yang benar" ControlToValidate="txtemail" SetFocusOnError="true"></asp:RequiredFieldValidator>
                
          </td>
          <tr>
        <td>
                <asp:Button ID="btnSimpan" runat="server" Text="Simpan" ValidationGroup="Data" />
                <asp:Button ID="btnBatal" runat="server" Text="Batal" />
        </td>
        </tr>
        </tr>
    </table>

    </div>
    </form>
</body>
</html>

7. Jika tidak ada ERROR maka akan menjadi seperti ini penampakannya :
Lihat Gambar 1.8
  
Gambar 1.8


Semoga Bermanfaat ^_^
Jumpa lagi di Tutorial berikutnnya...