<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=iso-8859-1" />
<meta
name="author" content="" />
<title>Login</title>
<style
type="text/css">
<!--
table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 20px;
}
-->
</style>
</head>
<body>
<script language="JavaScript"
type="text/javascript">
function
setFocus() {
document.login.username.focus();
}
function getValue()
{
var vText;
var vPwd;
vText =
document.login.username.value;
vPwd =
document.login.password.value;
if ((vText ==
"") || (vPwd == "")) {
alert("Warning !\nUsername dan Password tidak boleh kosong");
setFocus();
} else {
if
((!isNaN(vText)) || (!isNaN(vPwd))) {
alert("Warning !\nUsername dan Password tidak boleh angka");
setFocus();
}
}
}
</script>
<div align="center">
<form action="ceklogin.php" method="post"
name="login">
<table width="286" border="0"
cellpadding="0" cellspacing="0">
<tr bgcolor="#9966cc">
<td height="9" colspan="2"
align="center" valign="middle">
<br /><font
color="#2A1F00"><h1>LOGIN</h1></font></td>
</tr>
<tr>
<td width="106" height="27"> </td>
<td width="180"> </td>
</tr>
<tr>
<td height="18" align="right"
valign="middle">Username : </td>
<td valign="middle">
<input name="username" type="text"
id="username" size="20" /></td>
</tr>
<tr>
<td height="18" align="right"
valign="middle">Password : </td>
<td valign="middle">
<input name="password"
type="password" id="password" size="20"
/></td>
</tr>
<tr>
<td height="19"> </td>
<td></td>
</tr>
<tr>
<td height="18"
valign="top"> </td>
<td valign="middle">
<input name="login" type="submit"
id="login" value=" Login " onclick="getValue()"
/></td>
</tr>
<tr>
<td height="28"> </td>
<td></td>
</tr>
<tr bgcolor="#9966cc">
<td height="20" colspan="2"
valign="top"> </td>
</tr>
</table>
</form>
</div>
</body>
</html>
Apabila username dan password
tidak diisi atau diisi angka maka akan muncul pesan error seperti dibawah ini :
No comments:
Post a Comment