Javascript 如何在单击“提交”按钮之前隐藏标签？

我正在使用Spring控制器和JSP项目。我有一个jsp页面，其中有一个按钮是

Process

，单击该按钮后，它会在其下方显示两个单选按钮和一个

Submit

按钮

点击提交按钮后，如果一切正常，我会显示-因为这些数据将来自控制器-

Success= true 
Error= none

但正如你在我的书中看到的。当我点击jsp url后加载表单时，浏览器上的表单如下所示-

Process

Success= 
Error= 

也就是说，它在顶部和正下方有

Process

按钮

Success

和

Error

标签，其中没有任何值，因为我们还没有从控制器传递任何值。但对于用户来说，这看起来很奇怪

所以我要做的是，一旦我的页面被加载或者我点击了处理按钮，我根本不想显示

Success

和

Error

标签。只有在单击submit（提交）按钮并在

Success

和

Error

中显示其相应值后，才应显示它，具体取决于从控制器传递的内容

在jquery中可以这样做吗？如果我是对的，基本上我想隐藏它，直到点击提交按钮

---

或者有没有更好的设计来显示成功和错误标签以及我正在尝试做的事情？

在我看来，您似乎不需要JavaScript来完成这项工作，因为据我所知，表单提交会转到后端。在JSP本身中，您可以执行如下检查：

<% if (success.length > 0 || error.length > 0) { %>
    <!-- success / error labels go here -->
<% } %>

---

如果我的小提琴符合你的想法，请看一看

jsfiddle.net/4Nmqk/26

---

是的，它与您的javascript示例配合得很好。。非常感谢。一个愚蠢的问题——你认为在我的JSFIDLE中有更好的设计来显示成功和错误响应吗？目前我正在展示标签，它们看起来很难看。。如果可能的话，你能想出一些能和我的衣服相配并且看起来稍微好一点的吗？@AKIWEB你说的丑陋是什么意思？您可以使用css设置标签样式。@ExplosionPills我也有类似的问题。现在我尝试在同一个问题中使用另一个标签，但不确定如果标签中没有数据，如何隐藏数据标签。看看你能不能帮我。

if (!$("#success-value").text().length && !$("#error-value").text().length) {
    // hide the labels
}