编写一个js页面登录的代码
时间: 2023-06-24 22:04:31 浏览: 41
以下是一个简单的登录页面的HTML和JavaScript代码:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
</head>
<body>
<h1>Login Page</h1>
<form>
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<button type="button" onclick="login()">Login</button>
</form>
<p id="message"></p>
<script src="login.js"></script>
</body>
</html>
```
JavaScript代码:
```javascript
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username === "" || password === "") {
document.getElementById("message").innerHTML = "Please enter both username and password.";
} else if (username === "admin" && password === "password") {
window.location.href = "dashboard.html";
} else {
document.getElementById("message").innerHTML = "Invalid username or password.";
}
}
```
该代码验证用户输入的用户名和密码是否正确,并将用户重定向到仪表板页面(dashboard.html)或显示错误消息。请注意,此代码仅适用于演示目的,不适用于实际应用程序,因为它不具备安全性和防止攻击的措施。