JSP处理后返回HTML页面如何保留nombre值隐藏对应输入项

你需要实现的核心逻辑是JSP接收表单参数完成处理后回到原表单页、回跳后nombre字段保留提交值，触发原有JS逻辑自动隐藏对应标签和输入框。以下修改完全适配GlassFish运行环境，不需要引入额外框架，改完直接就能运行。

方案一（最简便，推荐练习阶段使用） #

第一步：将原HTML文件改为JSP后缀 #

比如原表单文件叫form.html就重命名为form.jsp，支持直接嵌入Java代码渲染回传的参数值，表单的action地址保持对应即可。
修改后的表单页代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script>
        function siexiste (){
            var nombre = document.getElementById("nombre").value;
            if (nombre === "") {
                document.getElementById("name").style.visibility  = "visible";
                document.getElementById("nombre").style.visibility  = "visible";
            }
            else{
                document.getElementById("name").style.visibility  = "hidden";
                document.getElementById("nombre").style.visibility  = "hidden";
            }
        }
    </script>
</head>
<body onload='siexiste()'>
    <form action="arttack.jsp">
        <label id="name" for="nombre"> Tu nombre </label>
        <!-- 直接读取回传的nombre参数填充到输入框，加判空避免首次打开页面报错 -->
        <input id="nombre" type="text" name="nombre" value="<%=request.getParameter("nombre") == null ? "" : request.getParameter("nombre")%>"/>
        <br><br>
        <label> Color fondo </label><br>
        <input id="fondo" type="text" name="fondo" value="" />
        <br>
        <label> Color fuente </label><br>
        <input id="fuente" type="text" name="fuente" value=""/><br><br>
        <br>
        <input type="submit" value="Presiona" />
    </form>
</body>
</html>

原有JS逻辑不需要任何修改，页面加载时只要nombre输入框存在提交值，siexiste()会自动把对应标签和输入框隐藏，完全匹配你的需求。

第二步：修改arttack.jsp处理逻辑 #

你原来的JSP代码直接使用未定义的fondo/fuente/n变量会触发500错误，先修正参数获取逻辑，处理完成后不要直接输出页面内容，通过服务端转发回到表单页，所有提交参数会自动随请求带回。
修改后的arttack.jsp代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    // 读取表单提交的参数
    String nombre = request.getParameter("nombre");
    String fondo = request.getParameter("fondo");
    String fuente = request.getParameter("fuente");

    // 这里写你需要的业务处理逻辑，比如参数校验、值存储都可以
    // 如果需要临时展示处理结果，可以把内容存到request作用域，回表单页读取展示即可

    // 处理完成后转发回原表单页，参数自动携带
    request.getRequestDispatcher("form.jsp").forward(request, response);
%>

方案二（保留原HTML后缀，不需要改文件类型） #

如果一定要保留.html格式的静态表单页，就把JSP跳转逻辑改成重定向，把nombre参数拼在URL回传，同时在HTML页加一段JS读取URL参数填充输入框即可。

1. 把arttack.jsp最后一行的转发代码替换为重定向代码：

// 重定向回原静态HTML页，注意对参数做URL编码避免中文乱码
response.sendRedirect("form.html?nombre=" + java.net.URLEncoder.encode(nombre, "UTF-8"));

2. 在原HTML页的script标签里加一个获取URL参数的函数，在页面加载前给nombre输入框赋值：

// 加在siexiste函数前面
function getQueryParam(name) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(name) || "";
}
// 页面加载前先给输入框赋值
document.getElementById("nombre").value = getQueryParam("nombre");

注意事项 #

• 如果需要连带保留fondo/fuente等其他输入框的值，不管用转发还是重定向，把对应参数一起传递，输入框的value属性和nombre一样做赋值处理即可，用户之前填的所有内容都能完整保留。
• 传递中文参数时必须做URL编码，否则GlassFish默认编码配置下会出现乱码问题。
• 一定要确保给nombre输入框赋值的逻辑在siexiste()函数执行前运行，否则判断值为空时不会触发隐藏效果。

内容的提问来源于stack exchange，提问作者SingleNight