pertama dari saya cobalah ketikkan kode berikut pada tag html di ASP.NET
<body>
<form id="form1" runat="server">
<div>
<div>
<p id="header">Validation Form</p>
</div>
<div>
<asp:ValidationSummary ID="valuser" runat="server" HeaderText="Kesalahan yang ditemukan :"
ShowMessageBox="true" ShowSummary="false" />
<form>
<table border="1" align="center">
<tr>
<td rowspan="9"><image src="logotelkom.jpg"/></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td>
<asp:TextBox ID="txtNama" runat="server" AutoPostBack="true" /></td><td>
<asp:RequiredFieldValidator runat="server" ID="rvuser" ControlToValidate="txtNama"
ErrorMessage="Username Tidak Boleh Kosong" Text="<image src=error.PNG width=20 height=20 />" />
</td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><asp:TextBox ID="txtalamat" runat="server" AutoPostBack="true" /></td><td>
<asp:RequiredFieldValidator runat="server" ID="rvpass" ControlToValidate="txtalamat"
ErrorMessage="Password Tidak Boleh Kosong"
Text="<image src=error.PNG width=20 height=20 />" />
</td>
</tr>
<tr>
<td>Nomer HP</td>
<td>:</td>
<td>
<asp:TextBox AutoPostBack="true" ID="txtHP" runat="server" /></td>
<td>
<asp:RequiredFieldValidator runat="server" ID="rvkHP" ControlToValidate="txtHP"
ErrorMessage="Nomor HP Tidak Boleh Kosong" Text="<image src=error.PNG width=20 height=20 />" />
<asp:CompareValidator ID="valHP" ControlToValidate="txtHP" runat="server"
ErrorMessage="Hp tidak Benar" Operator="DataTypeCheck" Type="Integer" Text="REQUERE"/>
</td>
<tr>
<td>Cita-cita</td>
<td>:</td>
<td>
<asp:RadioButton ID="rdioProg" Text="Programmer" runat="server" GroupName="cita" AutoPostBack="true"/><br />
<asp:RadioButton ID="rdioDes" Text="Designer" runat="server" GroupName="cita" AutoPostBack="true" /><br />
<asp:RadioButton ID="rdioLain" Text="Lainnya" runat="server" GroupName="cita" AutoPostBack="true" OnCheckedChanged="rdioLain_CheckedChanged" /><br />
<asp:Panel ID="pnllain" Visible="false" runat="server">
<asp:TextBox ID="txtOther" runat="server"></asp:TextBox>
</asp:Panel></td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtOther" ErrorMessage="Cita cita tidak boleh kosong" Text="<image src=error.PNG width=20 height=20 />" /></td>
</tr>
</tr>
<tr>
<td id="pass">Password<br /><p id="petunjuk"></p></td>
<td>:</td>
<td><asp:TextBox ID="txtpassword" runat="server" TextMode="Password" /></td><td>
<asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" ControlToValidate="txtpassword" ErrorMessage="Password tidak boleh kosong" Text="<image src=error.PNG width=20 height=20 />" />
</td>
</tr>
<tr>
<td>Confrim password</td>
<td>:</td>
<td><asp:TextBox runat="server" ID="txtconfrim" TextMode="Password" /></td><td>
<asp:RequiredFieldValidator runat="server" ControlToValidate="txtconfrim" ErrorMessage="Confrim Tidak Boleh Kosong"
Text="<img src='error.PNG' width=20 height=20 />" />
<asp:CompareValidator ID="comparepass" runat="server"
ControlToValidate="txtpassword" ControlToCompare="txtconfrim" ErrorMessage="Password dan Confrim harus sama" Text="REQUERE" />
</td>
</tr>
<tr>
<td align="center" colspan="4"><asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click" /></td>
</tr>
</table>
</form>
</div>
</div>
</form>\<br />
<br /><br />
<asp:Panel ID="Panel1" Visible="false" runat="server">
<table align="center">
<tr>
<td>
Nama
</td>
<td>
<asp:Label ID="lblNama" runat="server" />
</td>
</tr>
<tr>
<td>
Alamat
</td>
<td>
<asp:Label ID="lblAlamat" runat="server" />
</td>
</tr>
<tr>
<td>
Nomer HP
</td>
<td>
<asp:Label ID="lblNo" runat="server" />
</td>
</tr>
<tr>
<td>
Cita cita
</td>
<td>
<asp:Label ID="lblcita" runat="server" />
</td>
</tr>
</table>
</asp:Panel>
</body>
Lalu coba jalankan program tersebut (CTRL + F5)
hasilnya akan seperti ini
kemudian coba klik submit tanpa mengisi salah satu dari form tersebut, maka akan ada peringantan dari server IIS
lalu coba isi semua form tersebut, tapi isikan pada nomer hp dengan isian huruf. Maka akan muncul lagi pesan error. Ini karena kita menggunakan Compare Validator
coba isi password dan confrim dengan isian yang berbeda. akan muncul requere yang menunjukkan bahwa pass dan konfrim harus sama. menggunakan fungsi Compare Validato
sekarang isikan lagi semua form tersebut dengan baik dan benar sesuai dengan buku pedoman yang ada :D just kidding
akan muncul hasil resuman dari inputan anda
Selamat Mencoba :)
copyright yuslifan moklet poenya
Tidak ada komentar:
Posting Komentar