html注册登录界面代码js
时间: 2023-12-07 21:04:21 浏览: 195
以下是一个简单的 HTML 注册登录界面代码,包含了一些基本的 JavaScript 验证功能:
```html
<!DOCTYPE html>
<html>
<head>
<title>注册登录界面</title>
<meta charset="UTF-8">
<script type="text/javascript">
function validateForm() {
var username = document.forms["myForm"]["username"].value;
var password = document.forms["myForm"]["password"].value;
var confirmPassword = document.forms["myForm"]["confirmPassword"].value;
if (username == "") {
alert("用户名不能为空!");
return false;
}
if (password == "") {
alert("密码不能为空!");
return false;
}
if (password != confirmPassword) {
alert("两次输入的密码不一致!");
return false;
}
}
</script>
</head>
<body>
<h2>注册</h2>
<form name="myForm" action="register.php" onsubmit="return validateForm()" method="post">
<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="confirmPassword">确认密码:</label>
<input type="password" id="confirmPassword" name="confirmPassword"><br><br>
<input type="submit" value="注册">
</form>
<h2>登录</h2>
<form name="myForm" action="login.php" method="post">
<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>
<input type="submit" value="登录">
</form>
</body>
</html>
```
这个代码包含了一个注册表单和一个登录表单,其中注册表单会进行一些基本的 JavaScript 验证,包括用户名和密码不能为空,以及两次输入的密码必须一致。