使用JavaScript写一个登录的前端页面
时间: 2023-05-24 16:01:36 浏览: 50
好的,我可以帮你回答这个问题。以下是一个使用JavaScript编写的简单的登录前端页面的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<meta charset="UTF-8">
</head>
<body>
<h2>Login Form</h2>
<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>
<input type="button" value="Login" onclick="validate()">
</form>
<p id="error"></p>
<script>
function validate() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username == "user" && password == "pass") {
window.location.href = "success.html";
} else {
document.getElementById("error").innerHTML = "Invalid username or password.";
}
}
</script>
</body>
</html>
```
这个页面中包括一个登录表单和一个用于验证用户输入的JavaScript函数,如果用户名和密码匹配,用户将被重定向到 "success.html" 页面,否则将显示错误消息。