用javascript实现qq注册页面
时间: 2023-11-29 21:04:47 浏览: 47
以下是一个简单的 QQ 注册页面的 HTML 和 JavaScript 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>QQ 注册</title>
</head>
<body>
<h1>QQ 注册</h1>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<label for="confirm-password">确认密码:</label>
<input type="password" id="confirm-password" name="confirm-password"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<label for="birthday">生日:</label>
<input type="date" id="birthday" name="birthday"><br><br>
<input type="submit" value="注册" onclick="register()">
</form>
<script>
function register() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var confirmPassword = document.getElementById("confirm-password").value;
var email = document.getElementById("email").value;
var birthday = document.getElementById("birthday").value;
if (username === "" || password === "" || confirmPassword === "" || email === "" || birthday === "") {
alert("所有字段都必须填写!");
return false;
}
if (password !== confirmPassword) {
alert("两次输入的密码不一致!");
return false;
}
alert("注册成功!");
}
</script>
</body>
</html>
```
这个页面包括了用户名、密码、确认密码、邮箱和生日等字段,并在用户点击注册按钮时触发 `register()` 函数进行注册。在 `register()` 函数中,我们可以获取用户输入的值,并进行简单的验证,如检查所有字段是否都已填写,以及两次输入的密码是否一致。如果验证通过,我们可以弹出一个消息框,告诉用户注册成功。