由于只是要实现登录页能成功登录,所以页面很简单,功能也少
注册页面
<h3>用户注册</h3>
<form action="#" method="post">
账号:<input type="text" id='uName'>
<br>
密码:<input type="password" id='uPwd'>
<br>
<a href="#" id="sub">注册</a>
<input type="button" value='取消'>
</form>
var sub = document.getElementById('sub');
sub.onclick = function(){
var uName = document.getElementById('uName').value;
var uPwd = document.getElementById('uPwd').value;
sessionStorage.setItem('username',uName);
sessionStorage.setItem('userpwd',uPwd);
alert('注册成功');
location.href = '登录.html';
}
登录页面
<h3>用户登录</h3>
<div class="wrapper">
账号:<input type="text" placeholder="请输入您的账号" id="uName">
<br>
密码:<input type="password" placeholder="请输入您的密码" id="uPwd">
<a href="#">登录</a>
</div>
var uname = sessionStorage.getItem('username');
var upwd = sessionStorage.getItem('userpwd');
var login = document.getElementsByTagName('a')[0];
login.onclick = function(){
var uName = document.getElementById('uName').value;
var uPwd = document.getElementById('uPwd').value;
if(uName == uname && uPwd == upwd){
alert('登录成功')
}else{
alert('登录失败,账号或密码错误')
}
}