JAVA WEB 用户进入企业邮箱,要求登录成功后需要在空间首页显示“欢迎你xxx”的字样;登录失败后,返回到登录界面,重新登录。对邮箱格式要进行表单校验(使用正则表达式完成)

1、创建项目Mail
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2、在web下面创建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;
            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="" 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>用户名:&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>

3、在web下面创建images用来存放照片
在这里插入图片描述
4、重启服务器,我们看下运行结果
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
代码如下:


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录成功</title>
</head>
<body>
<h3><%= request.getParameter("username")%>,登录成功!</h3>
</body>
</html>


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录失败</title>
</head>
<body>
<h3><%= request.getParameter("username")%>,登录失败!</h3>
</body>
</html>

在这里插入图片描述

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值