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
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
<%@ 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>
</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...
Tidak ada komentar:
Posting Komentar