javaWeb
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="head">
        <p>新闻管理系统</p>
        <a href="" style="margin-right: 480px;">帮助</a>
    </div>

    <div class="body">
        <div class="login">
            <div class="title"></div>
            <form>
                <h3>用户登录</h3>
                <input type="text" name="username" id="un" placeholder="用户名">
                <span id="msgbox1" class="msgbox"></span>
                <input type="password" name="password" id="pwd" placeholder="密码">
                <span id="msgbox2" class="msgbox"></span>
                <font style="color:red;font-family:宋体;">学生选择@stu.swpu.edu.cn</font>
                <a href="">忘记密码</a>
                <input type="button" value="登录" onclick="check()" >
            </form>
        </div>
    </div>

    <div class="foot">
        新闻管理平台登录
    </div>

    <script>
        function check(){
            var username = document.getElementById("un").value;
            var password = document.getElementById("pwd").value;
            var span1 = document.getElementById("msgbox1");
            var span2 = document.getElementById("msgbox2");
            span1.innerHTML = "";
            span2.innerHTML = "";
            if(username == "")
                span1.innerHTML="用户名不能为空！";
            else if(password == "")
                span2.innerHTML="密码不能为空！";
            else if(username != "tom" || password != "123")
                span2.innerHTML="用户名或密码不正确！";
            else
                window.open("http://mail.swpu.edu.cn/");

        }
    </script>
</body>
</html>