522-simple

公告

JSP第四次作業2

enter.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登錄</title>
</head>
<STYLE type="text/css">
td{font-size:12px}
</STYLE>
<SCRIPT type="text/javascript">
function checkLogin(){
    var userName=document.myform.userid.value;
    var userPass=document.myform.passwd.value;
    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="load.jsp"  >
<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>用戶名:&nbsp;</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>密碼:&nbsp;</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>&nbsp;</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>

load.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
    String name=request.getParameter("userid");
    String upw=request.getParameter("passwd");
    if(name.equals("lucky")&&upw.equals("123456")){
        //跳轉到ok頁面
        request.getRequestDispatcher("ok.jsp").forward(request, response);
    }else{
        //跳轉到No頁面
        request.getRequestDispatcher("no.jsp").forward(request, response);
    }
    
 %>

ok.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" 
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
你好：lucky！
</body>
</html>

no.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html>
  <body>
  登陸失敗！
   <form name="form1" method="post" action="enter.jsp">
   <tr > 
                    <td colspan="2" align="center" > 
                          <input type="submit" name="Submit" value="重新登錄">
    
                    </td>
                  </tr>
   </form>
  </body>
</html>

posted on 2020-03-30 11:07 522-simple 閱讀(88) 評論(0) 收藏舉報

刷新頁面返回頂部