要求:用户进入企业邮箱,要求登录成功后需要在空间首页显示“欢迎你xxx”的字样;登录失败后,返回到登录界面,重新登录。对用户名与密码进行非空校验。
1.创建login.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML>
<HTML>
<HEAD>
<base href="<%= basePath %>">
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>登录验证</TITLE>
<STYLE type="text/css">
td {
font-size: 12px
}
</STYLE>
<SCRIPT type="text/javascript">
function checkLogin() {
var userName = document.myform.userid.value;
if (userName == ''){
alert("用户名不能为空");
return false;
}
var userPass = document.myform.passwd.value;
if (userPass == ''){
alert("密码不能为空");
return false;
}
var vegName = /^[a-zA-Z0-9]+$/;
if (!vegName.test(userName)) {
alert("用户名错误,请重新输入");
document.myform.userid.focus();
return false;
}
var regPwd = /^\w{6,}$/;
if (!regPwd.test(userPass)) {
alert("密码输入错误,请重新输入");
document.myform.passwd.select();
return false;
}
return true;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" METHOD="POST" action="success.jsp" onSubmit="return checkLogin()">
<TABLE align="center">
<TR>
<TD>
<IMG src="images/Snap1.jpg">
<DIV style="position:absolute; left: 490px; top: 216px; width: 356px;">
<TABLE width="100%" height="100%" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR vAlign=top>
<TD width="23%"
height=27 align=right class=bld>用户名:
</TD>
<TD height="27" align=left><INPUT TYPE="text" SIZE="20" NAME="userid"><BR>用户名由字母和数字组成</TD>
</TR>
<TR vAlign=top>
<TD class=bld align=right height=27>密码: </TD>
<TD height="27" align=left><INPUT TYPE="password" SIZE="20" NAME="passwd"><BR>密码由字母、数字和下划线组成,至少6位
</TD>
</TR>
<TR vAlign=top>
<TD class=bld align=right height=40> </TD>
<TD align=left valign="middle"><A href="#"><INPUT name="submit" type="image"
src="images/login.gif" width="101"
height="22" border="0"></A></TD>
</TR>
</TABLE>
</DIV>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
2.创建登录成功页面success.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录成功</title>
</head>
<body>
<h3><%=new String(request.getParameter("userName").getBytes("ISO-8859-1"),"UTF-8")%>欢迎您!</h3>
<%
out.print("message:"+session.getAttribute("message")+"</br>");
out.print("session id:"+session.getId( )+"</br>");
%>
</body>
</html>
3.在login.jsp中已经编写了用户名和密码非空验证
4.启动程序,输入正确的用户名密码
5.运行正确
7.不输入密码
8.不输入用户名
9.不按要求输入用户名
10.不按要求输入密码