js验证用户名密码跳转
时间: 2023-06-22 15:42:36 浏览: 62
您可以使用JavaScript编写一个函数来验证用户名和密码,如果验证通过,则使用window.location.href属性将用户重定向到另一个页面。
这是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
</head>
<body>
<form>
<label>Username:</label>
<input type="text" id="username">
<br><br>
<label>Password:</label>
<input type="password" id="password">
<br><br>
<button type="button" onclick="login()">Login</button>
</form>
<script>
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 对用户名和密码进行验证
if (username === "admin" && password === "123456") {
// 验证通过,将用户重定向到另一个页面
window.location.href = "welcome.html";
} else {
alert("Invalid username or password.");
}
}
</script>
</body>
</html>
```
在这个例子中,我们创建了一个简单的登录表单,其中包含一个用户名输入框、一个密码输入框和一个“登录”按钮。当用户点击“登录”按钮时,会调用JavaScript函数login()。该函数首先获取用户名和密码的值,然后对它们进行验证。如果验证通过,它会使用window.location.href属性将用户重定向到welcome.html页面,否则会显示一个警告框。