MEMBUAT FORM LOGIN SEDERHANA
Setiap aplikasi pastilah di perlukan Form Login, di sini user di wajibkan untuk input Nama dan Passwordnya, di sini gue pake cara script ke 1 yaitu Code ada do Web Form.
OK Bro Siap.
- Buat satu web Form (ikuti langkah pembuatan pada posting Memulai ASP di bagian Menulis Script Jadi satu di Web Form)
- Tambahkan di Form 1 label, 2 textbox dan 1 Button, beri nama masing-masing objek dengan
- Label1 -> lblError
- TextBox1 -> txtUser
- TextBox2 -> txtPassword
- Button -> btnLogin
- Tambahkan Script berikut di tag <script runat=”server”></script>
private void btnLogin_OnClick(Object sender, EventArgs e)
{
if (txtUser.Text == “” || txtPassword.Text == “”)
{
lblError.Text = “User Name atau Password Salah !”;
}
else
{
Response.Redirect(“Default.aspx”);
}
}
- di tag <asp:Button ID=”btnLogin” runat=”server” Text=”Login” Width=”80px” /> tambahkan OnClick=”btnLogin_OnClick”
- Script Web Form Selengkapnya adalah sbb:
<%@ Page Language=”C#” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<script runat=”server”>
private void btnLogin_OnClick(Object sender, EventArgs e)
{
if (txtUser.Text == “” || txtPassword.Text == “”)
{
lblError.Text = “User Name atau Password Salah !”;
}
else
{
Response.Redirect(“Default.aspx”);
}
}
</script>
<html xmlns=”http://www.w3.org/1999/xhtml” >
<head runat=”server”>
<title>Untitled Page</title>
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”width: 900px”>
<tr>
<td style=”width: 900px; height: 450px”></td>
</tr>
<tr>
<td style=”width: 900px; height: 100px” valign=”top”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”width: 100%”>
<tr>
<td style=”width: 500px; height: 25px”></td>
<td style=”width: 400px; height: 25px”>
<asp:Label ID=”lblError” runat=”server” ForeColor=”Red”></asp:Label>
</td>
</tr>
<tr>
<td style=”width: 500px; height: 75px”></td>
<td style=”width: 400px; height: 75px” valign=”top”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”width: 100%”>
<tr>
<td style=”width: 100px”>User Name</td>
<td style=”width: 200px”> <asp:TextBox ID=”txtUser” runat=”server” Width=”190px”></asp:TextBox>
</td>
<td style=”width: 100px”>
</td>
</tr>
<tr>
<td style=”width: 100px”>Password</td>
<td style=”width: 200px”>
<asp:TextBox ID=”txtPassword” runat=”server” Width=”190px” TextMode=”Password”></asp:TextBox>
</td>
<td style=”width: 100px”>
<asp:Button ID=”btnLogin” runat=”server” Text=”Login” Width=”80px” OnClick=”btnLogin_OnClick” /></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
- Mungkin untuk yang pertama belajar ASP.NET melihat tag HTML yang sebanyak itu di pastikan bakal puyeeeng, tapi bro gue punya tip bagus : Dari pada lo buat code HTML yang mungkin Njelimet, lu bisa pake fasilitas Visual Web Dev 2005. Caranya :
- Pada Jendela Web Form Lo Klik Tab Design (di Pojok Kiri Bawah) maka pada pertama kalinya akan muncul form Kosong, lo bisa buat banyak table dengan Klik Menubar Layout->Insert Tabel, di sini lo bisa experiment sesuka-suka lo.
Tip : Untuk menambah Row atau kolom tambahan : tempatkan kursor di row atau column yang akan di tambahkan kemudian tekan Ctrl + Alt kemudian anak panah
Tinggalkan komentar