用jsp编写一个电子商城的用户注册页面,该主页面需要包含用户设置的用户名、密码、真实姓名、性别、年龄等表单,并编写函数,当用户单击提交时检测用户名、密码、真实姓名是否为空
时间: 2023-07-10 19:20:58 浏览: 60
以下是使用 JSP 编写的电子商城用户注册页面示例,包含了用户名、密码、真实姓名、性别、年龄等表单,并且在用户单击提交时会检测用户名、密码、真实姓名是否为空:
```jsp
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户注册</title>
</head>
<body>
<h1>用户注册</h1>
<form action="register.jsp" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br><br>
<label for="realname">真实姓名:</label>
<input type="text" id="realname" name="realname" required><br><br>
<label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male">男
<input type="radio" id="female" name="gender" value="female">女<br><br>
<label for="age">年龄:</label>
<input type="number" id="age" name="age"><br><br>
<input type="submit" value="提交" onclick="return validateForm()">
</form>
<script>
function validateForm() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var realname = document.getElementById("realname").value;
if (username == "" || password == "" || realname == "") {
alert("用户名、密码、真实姓名不能为空");
return false;
}
return true;
}
</script>
</body>
</html>
```
在上面的示例中,我们使用了 `required` 属性来确保用户名、密码、真实姓名这三个字段不能为空。同时,我们在提交按钮上绑定了一个 `validateForm()` 函数,该函数会在用户单击提交按钮时触发,检测用户名、密码、真实姓名是否为空,如果为空,则会弹出一个警告框,阻止表单的提交。