js登录页面的账号密码,账号为index页面的编码,密码为123456 输入账号在index页面中编码存在的可以登录,跳转到index页面。 创建一个保修类型,就可以使用编码+123456登录 不能登录,提示编码不存在
时间: 2023-12-10 08:06:10 浏览: 23
你可以通过以下步骤来实现该功能:
1. 在登录页面,添加一个输入框和一个密码框,用于输入账号和密码。
2. 在登录按钮的点击事件中,获取输入框和密码框中的值。
3. 对输入框中的值进行验证,判断是否为index页面中已有的编码。
4. 如果验证通过,则将编码和密码拼接成一个字符串,并存储在本地存储中。
5. 跳转到index页面。
6. 在index页面中,获取本地存储中的字符串,并解析出编码和密码。
7. 对编码进行验证,判断是否存在于index页面中。
8. 如果验证通过,则可以进行相关操作。
以下是示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录页面</title>
</head>
<body>
<input type="text" id="username" placeholder="请输入编码">
<input type="password" id="password" placeholder="请输入密码">
<button onclick="login()">登录</button>
<script>
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 验证编码是否存在
if (username === "编码1" || username === "编码2") {
// 存储编码和密码
localStorage.setItem("loginInfo", username + password);
// 跳转到index页面
window.location.href = "index.html";
} else {
alert("编码不存在");
}
}
</script>
</body>
</html>
```
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>index页面</title>
</head>
<body>
<script>
// 获取本地存储中的登录信息
var loginInfo = localStorage.getItem("loginInfo");
// 解析出编码和密码
var username = loginInfo.slice(0, 2); // 假设编码为两位数
var password = loginInfo.slice(2);
// 验证编码是否存在
if (username === "编码1" || username === "编码2") {
// 可进行相关操作
console.log("登录成功");
} else {
alert("编码不存在");
// 跳转回登录页面
window.location.href = "login.html";
}
</script>
</body>
</html>
```