<!DOCTYPE html>
<html>
<head>
<title>登录/注册</title>
<link rel="stylesheet" href="styles
.css">
<script>
function showLoginForm
() {
document.getElementById('loginForm')
.style
.display = "block";
document.getElementById('registerForm')
.style
.display = "none";
}
function showRegisterForm
() {
document.getElementById('loginForm')
.style
.display = "none";
document.getElementById('registerForm')
.style
.display = "block";
}
function validateLoginForm
() {
var username =
document.forms["loginForm"]["username"]
.value;
var password =
document.forms["loginForm"]["password"]
.value;
if (username == "") {
alert("请输入用户名");
return false;
}
if (password == "") {
alert("请输入密码");
return false;
}
}
function validateRegisterForm
() {
var username =
document.forms["registerForm"]["username"]
.value;
var email =
document.forms["registerForm"]["email"]
.value;
var password =
document.forms["registerForm"]["password"]
.value;
if (username == "") {
alert("请输入用户名");
return false;
}
if (email == "") {
alert("请输入邮箱");
return false;
}
if (password == "") {
alert("请输入密码");
return false;
}
}
</script>
</head>
<center>
<body>
<div class="container">
<h2>登录/注册</h2>
<div class="tabs">
<button class="tab" onclick="showLoginForm
()">登录</button>
<button class="tab" onclick="showRegisterForm
()">注册</button>
</div>
<!-- 登录表单 -->
<form id="loginForm" name="loginForm" style="display: none;" on
submit="return validateLoginForm
()">
<div class="form-group">
<label for="loginUsername">用户名:</label>
<input type="text" id="loginUsername" name="username" required>
</div>
<div class="form-group">
<label for="loginPassword">密码:</label>
<input type="password" id="loginPassword" name="password" required>
</div>
<div class="form-group">
<button type="
submit">登录</button>
</div>
</form>
<!-- 注册表单 -->
<form id="registerForm" name="registerForm" style="display: none;" on
submit="return validateRegisterForm
()">
<div class="form-group">
<label for="registerUsername">用户名:</label>
<input type="text" id="registerUsername" name="username" required>
</div>
<div class="form-group">
<label for="registerEmail">邮箱:</label>
<input type="email" id="registerEmail" name="email" required>
</div>
<div class="form-group">
<label for="registerPassword">密码:</label>
<input type="password" id="registerPassword" name="password" required>
</div>
<div class="form-group">
<button type="
submit">注册</button>
</div>
</form>
</div>
</center>
</body>
</html>
怎么把跳转插进去
本文探讨了POST+GET混用可能导致的中文乱码问题，并建议尽量避免这种做法。若必须混用，文章提供了通过encodeURIComponent()及URLDecoder.decode()解决乱码的方法。
扫一扫
4753
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
