//注册是否成功 let registeredUsers = {}; function signUpSuccess() { var phone = $('.phone').val(); var password = $('.password').val(); if (phone !== '' && password !== '') { alert('注册成功!'); registeredUsers[phone] = password; } else { alert('请填写完整信息!'); } } //登录是否成功 let _registeredUsers_ = {}; function signInSuccess() { // 获取登录表单中的用户名和密码 const username = document.querySelector('.login-name').value; const password = document.querySelector('.password').value; // 检查本地是否有该用户名和密码 if (_registeredUsers_[username] === password) { // 登录成功,跳转到首页 window.location.href = ''; } else { // 登录失败,显示错误信息 alert('用户名或密码错误'); } } 登录页面没有QQ邮箱账号和密码,只能去注册,注册完了去登录页面登录的效果,要用js实现这个效果
时间: 2023-06-20 21:09:17 浏览: 68
可以在登录页面添加一个“注册”按钮,点击后跳转到注册页面,注册成功后再跳转回登录页面,通过 JavaScript 实现如下:
在登录页面 HTML 中添加以下代码:
```
<button class="register-btn">注册</button>
```
在 JavaScript 中为注册按钮添加点击事件,跳转到注册页面:
```
const registerBtn = document.querySelector('.register-btn');
registerBtn.addEventListener('click', function() {
window.location.href = '注册页面URL';
});
```
在注册页面中,成功注册后跳转回登录页面,同时将注册信息保存在本地:
```
let registeredUsers = {};
function signUpSuccess() {
var phone = $('.phone').val();
var password = $('.password').val();
if (phone !== '' && password !== '') {
alert('注册成功!');
registeredUsers[phone] = password;
window.location.href = '登录页面URL';
localStorage.setItem('registeredUsers', JSON.stringify(registeredUsers));
} else {
alert('请填写完整信息!');
}
}
```
在登录页面中,判断本地是否有该用户的账号密码信息,并进行登录验证:
```
let _registeredUsers_ = JSON.parse(localStorage.getItem('registeredUsers')) || {};
function signInSuccess() {
// 获取登录表单中的用户名和密码
const username = document.querySelector('.login-name').value;
const password = document.querySelector('.password').value;
// 检查本地是否有该用户名和密码
if (_registeredUsers_[username] === password) {
// 登录成功,跳转到首页
window.location.href = '';
} else {
// 登录失败,显示错误信息
alert('用户名或密码错误');
}
}
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)