<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>用户登陆界面</title>
</head>
<body style="background-color: #fcefa1">
<fieldset style=" 400px;height: 280px;margin:0 auto;left: 200px">
<legend><h2>用户登录</h2></legend>
<form id="loginform" action="login.php" method="post" onsubmit="return chk()">
<p style="font-size: 30px;" align="center">请输入登录用户及密码</p>
<table width="296" border="1" align="center" bgcolor="#7cfc00">
<tr style="text-align: center">
<td width="100" height="34">用户名：</td>
<td width="182">
<label>
<input type="text" name="uname"/>
</label>
</td>
</tr>
<tr style="text-align: center">
<td height="36">密 码：</td>
<td>
<label>
<input type="password" name="upwd"/>
</label>
</td>
</tr>
<tr>
<td height="35" colspan="2"><label>
<input type="submit" name="Submit" value="提交" /> <input type="submit" name="Submit2" value="重置" />
</label>
<label>
</label>
</td>
</tr>
</table>
</form>
</fieldset>
<br><br>
<div id="errdiv" style="font-size: 15px;text-align: center;color: crimson;"></div>
<script>
function chk(){
var myform = document.forms[0];
var err = document.getElementById('errdiv');
if(myform.uname.value==""){
err.innerHTML = '对不起用户名必须要有，请重新输入！';
return false;
}else if(myform.upwd.value.length<6){
err.innerHTML = '对不起！密码长度至少需要六位！';
return false;
}
return true;
}
</script>
</body>
</html>