Question

我需要一些帮助来将JSP和两个Java Servlet绑在一起。我有以下内容：

在JSP上：

前两个带onchange的单选按钮=＆＃34; submit（）＆＃34;

一个div容器，仅当其中一个单选按钮处于活动状态（包含接下来的两个）时才会出现

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

一些输入字段

两个Servlet：

一个用于填充下拉菜单

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

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

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

将单选按钮的值从Servlet 1传递给Servlet 2似乎完美无缺。（我已经尝试在Servlet2的重新加载中使用相同的方法（request.set ...），但它不起作用。）此外，验证工作正常。

问题：我怎样才能实现，在验证之后，单选按钮（以及其他输入字段）是否按预先选择？我只是想显示一条错误消息并保留所有输入值。

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

的Input.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>

chooseRadio-的Servlet

    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);
}

输入的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);
            }
        }

Answer 1

你真的有三个选择

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

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

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

1 个答案: