再加上模拟登陆成功 如果输入账号密码正确则进入另一个html文件
时间: 2024-03-23 19:38:04 浏览: 115
好的,以下是可以实现该功能的 JavaScript 代码:
```javascript
// 获取登录按钮
const loginButton = document.querySelector('#loginButton');
// 登录按钮点击事件
loginButton.addEventListener('click', () => {
// 获取输入框元素
const usernameInput = document.querySelectorAll('input[type="text"]')[1];
const passwordInput = document.querySelectorAll('input[type="password"]')[1];
// 获取输入框的值
const username = usernameInput.value.trim();
const password = passwordInput.value.trim();
// 模拟用户名和密码
const correctUsername = 'admin';
const correctPassword = 'password';
// 判断输入是否符合要求
if (!username || !password) {
alert('请输入用户名和密码!');
return;
}
if (username !== correctUsername || password !== correctPassword) {
alert('用户名或密码错误!');
return;
}
// 登录成功,跳转到另一个html文件
window.location.href = 'success.html';
});
```
使用该代码,当用户输入正确的用户名和密码后,点击登录按钮即可跳转到`success.html`文件。注意,该文件需要与当前的 HTML 文件处于同一目录下。
阅读全文