<%--
Created by IntelliJ IDEA.
User: l'l
Date: 2023/9/6
Time: 17:14
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>用户登录</title>
<%-- <link rel="stylesheet" type="text/css" href="Bootstrap/bootstrap/css/bootstrap.min.css">--%>
<link rel="stylesheet" type="text/css" href="Bootstrap/bootstrap/css/Login.css">
<%-- <link href="https://fonts.googleapis.com/css?family=Poppins:600&display=swap" rel="stylesheet">--%>
<script src="https://kit.fontawesome.com/a81368914c.js"></script>
</head>
<body>
<img src="Bootstrap/bootstrap/img/sky.png" class="wave">
<div class="container">
<div class="img">
<img src="Bootstrap/bootstrap/img/Logo.png" alt="#">
</div>
<div class="login-content">
<form action="userLogin" method="post" οnclick="return checkLogin()">
<h2 class="title">教 学 管 理 系 统</h2><br>
<div class="input-div one">
<div class="i">
<i class="fas fa-user"></i>
</div>
<div class="div">
<h5>账户</h5>
<input type="text" id="userAccount" name="userAccount" class="myText">
</div>
</div>
<div class="input-div pass">
<div class="i">
<i class="fas fa-lock"></i>
</div>
<div class="div">
<h5>密码</h5>
<input type="password" id="userPassword" name="userPassword" class="myText"><br><br><br>
<p style="color: #ff0000;font-size:10px" id="tip">${tip}</p>
</div>
</div><br>
<input class="btn" type="submit" value="登录" οnclick="tip()">
<a href="#">忘记密码？</a>
</form>
</div>
</div>
<script src="Bootstrap/bootstrap/js/MyJs.js"></script>
</body>
</html>
<script>
function checkLogin() {
let userAccount = document.getElementById("userAccount").value;
let userPassword = document.getElementById("userPassword").value;
if(userAccount == null || userAccount.trim() == ""){
document.getElementById("tip").innerHTML = "账户不能为空";
return false;
}
if(userPassword == null || userPassword.trim()== ""){
document.getElementById("tip").innerHTML = "密码不能为空";
return false;
}
if(userAccount != null && userAccount.trim() != "" && userPassword != null && userPassword.trim() != ""){
document.getElementById("tip").innerHTML = "";
return true;
}
}
</script>
自用前端代码
最新推荐文章于 2024-07-16 17:18:30 发布
219
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
