如何用java script限制登录条件并实现两个页面的跳转
时间: 2024-04-02 13:31:49 浏览: 19
要限制登录条件并实现页面跳转,可以在登录页面设置表单,在登录表单中添加用户名和密码字段,并使用 JavaScript 进行验证。验证成功后,将用户重定向到另一个页面。以下是一个简单的示例:
```html
<!-- 登录页面 -->
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<button type="submit" onclick="login()">登录</button>
</form>
<script>
function login() {
// 获取用户名和密码
const username = document.getElementById("username").value;
const password = document.getElementById("password").value;
// 验证用户名和密码是否正确
if (username === "admin" && password === "123456") {
// 登录成功,重定向到另一个页面
window.location.href = "http://example.com/dashboard";
} else {
// 登录失败,弹出提示框
alert("用户名或密码错误!");
}
}
</script>
```
在这个示例中,如果用户名和密码都是正确的,`login()` 函数将使用 `window.location.href` 将用户重定向到 `http://example.com/dashboard` 页面。如果用户名或密码不正确,`login()` 函数将弹出一个警告框,告诉用户用户名或密码错误。