设计一个用户注册的功能,要求如下: 1)注册页面应包含基本的文本框、单选按钮、复选框、选择栏等元素,具体要求除提交按钮、重置按钮外,页面至少包含三种其他html控件1)intput.jsp中包含一个表单 2)点击注册按钮时,要求对用户名(昵称)进行判空,如果用户未填写用户名(昵称),需要提示“请输入用户名!”; 3)若用户输入正确,请将注册信息展示在另外一个页面上; 4)在展示信息的页面上添加“修改(用户名)昵称”超链接,点击超链接进入修改用户名(昵称)的页面,并在该页面上显示原昵称,用户修改昵称后,点击提交按钮,跳转到新页面展示修改后的昵称。 1)intput.jsp中包含一个表单 2)如果用户没有输入昵称,跳转回 input.jsp 页面并提示用户信息“昵称不能为空,请重新输入!” 3)如果用户输入昵称合法,则打印出所有注册信息 4)在 updateForm.jsp 页面中创建表单 修改成功显示如下信息
时间: 2024-02-18 09:04:54 浏览: 59
好的,以下是一个简单的用户注册功能的实现,包含注册页面、展示信息页面和修改昵称页面:
input.jsp:
```
<!DOCTYPE html>
<html>
<head>
<title>用户注册</title>
</head>
<body>
<form action="register.jsp" method="post">
<label>用户名(昵称):</label>
<input type="text" name="username"><br><br>
<label>性别:</label>
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女<br><br>
<label>爱好:</label>
<input type="checkbox" name="hobby" value="reading">阅读
<input type="checkbox" name="hobby" value="music">音乐
<input type="checkbox" name="hobby" value="sports">运动<br><br>
<label>城市:</label>
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
</select><br><br>
<input type="submit" value="注册">
<input type="reset" value="重置">
</form>
</body>
</html>
```
register.jsp:
```
<!DOCTYPE html>
<html>
<head>
<title>注册信息</title>
</head>
<body>
<%
String username = request.getParameter("username");
String gender = request.getParameter("gender");
String hobby = request.getParameter("hobby");
String city = request.getParameter("city");
if (username == null || username.equals("")) {
response.sendRedirect("input.jsp?msg=请输入用户名!");
} else {
out.println("<h2>注册信息:</h2>");
out.println("用户名(昵称):" + username + "<br>");
out.println("性别:" + gender + "<br>");
out.println("爱好:" + hobby + "<br>");
out.println("城市:" + city + "<br>");
out.println("<a href='updateForm.jsp?username=" + username + "'>修改(" + username + ")昵称</a>");
}
%>
</body>
</html>
```
updateForm.jsp:
```
<!DOCTYPE html>
<html>
<head>
<title>修改昵称</title>
</head>
<body>
<form action="update.jsp" method="post">
<label>原昵称:</label>
<input type="text" value="<%=request.getParameter("username")%>" disabled><br><br>
<label>新昵称:</label>
<input type="text" name="newUsername"><br><br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>
```
update.jsp:
```
<!DOCTYPE html>
<html>
<head>
<title>修改成功</title>
</head>
<body>
<%
String newUsername = request.getParameter("newUsername");
out.println("<h2>修改成功:</h2>");
out.println("原昵称:" + request.getParameter("username") + "<br>");
out.println("新昵称:" + newUsername);
%>
</body>
</html>
```
这个简单的用户注册功能包含了基本的表单元素,对用户名进行了非空判断,并在展示信息页面提供了修改昵称的功能。当用户点击修改链接时,会跳转到修改页面,并显示原昵称。当用户在修改页面输入新昵称并提交时,会跳转到新页面展示修改成功的信息。
阅读全文