如何使用 Servlet 验证 JSP 并保留输入数据?

我需要一点帮助才能将一个JSP和两个Java Servlet联系在一起。我有以下几点：

在 JSP 上：

带有 onchange="submit()" 的前两个单选按钮

div 容器，仅当其中一个单选按钮处于活动状态(包含接下来的两个)时才会显示

一些下拉列表，根据单选按钮的选择填充

一些输入字段

两个 Servlet：

一个用于填充下拉列表

第二个用于验证其他所有内容并在成功的情况下填充数据库/重定向到另一个页面，...

人口运行良好，数据库部分也是如此。

不同的下拉菜单只允许一些组合(实际上有更多的值和更多的下拉菜单，如下面的代码片段所示)。我的问题是：每当验证失败时，JSP 都会重新加载(这显然没问题)，我所做的选择消失了，我开始在单选按钮选项之间进行选择。

将单选按钮的值从 Servlet 1 传递到 Servlet 2 似乎工作得很好。(我已经尝试在 Servlet2 的重新加载中使用相同的方法(request.set...)，但它不起作用。验证也工作正常。

问题：如何实现在验证后，单选按钮(和其他输入字段)像以前一样被预先选择？我只想显示一条错误消息并保留所有输入值。

如果这很重要，这里是代码的某些部分，名称已更改，希望始终如一。如果有人知道如何将其放入按需/剧透容器中，请随时编辑。

输入.jsp

<body>
<span class="messages">${messages.ERROR}</span>
<form action="/project/chooseRadio" method="get">
<h2>Radio</h2>
<input type="radio" name="option" onchange="submit()"
value="option1"
${param.option == 'option1' ? 'checked' : ''}> 
<input type="radio"
name="option" onchange="submit()" value="option2"
${param.option== 'option2' ? 'checked' : ''}>
</form>

<form action="/project/input" method="post">    
<div
style="display:${(option == 'option1'  || option == 'option2') ? 'block' : 'none'}">
<select name="dd1">
<c:forEach items="${dd1}" var="dd1">
<option><c:out value="${dd1}" /></option>
</c:forEach>
</select> 
<select name="dd2">
<c:forEach items="${dd2}" var="dd2">
<option><c:out value="${dd2}" /></option>
</c:forEach>            

<input type="text" name="inputfield1" required="true" /> <br> 
<input type="text" name="inputfield2" required="true" /> <br>
<input type="submit" name="submit"
value="submit" />
</span>
</div>
</form>   
</body>

选择无线电服务版

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// option1
int[] dd1_1 = { 1, 2, 3, 4 };
int[] dd2_1 = { 1, 2, 3, 4 };
// option2
int[] dd1_2 = { 9, 8, 7, 6 };
int[] dd2_2 = { 9, 8, 7, 6 };
if (request.getParameter("option") != null) {
switch (request.getParameter("option")) {
case "option 1":
request.setAttribute("option", "option1");
request.setAttribute("dd1", dd1_1);
request.setAttribute("dd2", dd2_1);
break;
case "option2":
request.setAttribute("gratingType", "option2");
request.setAttribute("dd1", dd1_2);
request.setAttribute("dd2", dd2_2);
break;
default:
break;
}
}
request.getRequestDispatcher("/WEB-INF/input.jsp").forward(request, response);
}

input-Servlet

@WebServlet("/input")
public class InputServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.getRequestDispatcher("/WEB-INF/input.jsp").forward(request, response);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
DTO dto = new DTO();
Map<String, String> messages = new HashMap<String, String>();
switch (request.getParameter("option")) {
case "option1":
dto.setOption("option1");
break;
case "option2":
dto.setOption("option2");
break;
default:
break;
}

dto.setInputfield1(Integer.parseInt(request.getParameter("inputfield1")));
// ... dto.set for other fields ... //
// save dto in database
// validation
if(validCombination(...)){
request.getRequestDispatcher("/WEB-INF/output.jsp").forward(request, response);
}
else {
messages.put("ERROR", String.format("this is not a valid combination."));
request.setAttribute("messages", messages);
request.getRequestDispatcher("/WEB-INF/input.jsp").forward(request, response);
}
}

你真的有三个选择

在

提交表单之前，在javascript中执行验证客户端，而无需服务器端调用
提交表单之前，使用服务器端调用(ajax)在javascript中执行验证客户端
提交表单并刷新页面以进行验证

选项 1 和 2 会将值保留在字段中。选项 3 将要求您填充值并显示错误消息。

相关内容

最新更新

热门标签：