写一个注册页面和登录页面,并实现成功登录

由于只是要实现登录页能成功登录,所以页面很简单,功能也少
注册页面
<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;
	//console.log(uName)
	var uPwd = document.getElementById('uPwd').value;
	//console.log(uPwd)
	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('登录失败,账号或密码错误')
	}
}
  • 26
    点赞
  • 201
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
以下是一个简单的示例代码,实现用户注册成功登录的页面: ``` public class MainActivity extends AppCompatActivity { private EditText mUsernameEditText; private EditText mPasswordEditText; private Button mLoginButton; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 绑定视图控件 mUsernameEditText = findViewById(R.id.username_edit_text); mPasswordEditText = findViewById(R.id.password_edit_text); mLoginButton = findViewById(R.id.login_button); // 设置登录按钮的点击事件 mLoginButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 获取输入的用户名和密码 String username = mUsernameEditText.getText().toString(); String password = mPasswordEditText.getText().toString(); // 判断用户名和密码是否为空 if (TextUtils.isEmpty(username) || TextUtils.isEmpty(password)) { Toast.makeText(MainActivity.this, "用户名和密码不能为空", Toast.LENGTH_SHORT).show(); return; } // TODO: 在此处进行用户登录操作,验证用户名和密码是否正确 // 登录成功跳转到主界面 Intent intent = new Intent(MainActivity.this, HomeActivity.class); startActivity(intent); finish(); } }); } } ``` 上述代码中,我们使用了 `EditText` 控件获取用户输入的用户名和密码,用 `Button` 控件实现登录按钮的点击事件。当用户点击登录按钮后,我们首先判断用户名和密码是否为空,如果为空则弹出提示信息,否则进行用户登录操作。在这里,我们只是简单地跳转到了主界面,实际开发中需要根据业务需求进行相应的操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值