如何隐藏标签，直到单击“提交”按钮？

Question

我正在使用Spring Controller和JSP项目。 我有一个jsp页面，其中有一个按钮是Process ，一旦单击该按钮，它下面就会显示两个单选按钮和一个Submit按钮。

然后点击“提交”按钮，如果一切正常，那么我将显示-因为此数据将来自控制器-

Success= true 
Error= none

但是正如您在我的jsfiddle中所看到的。 当我点击jsp网址后加载表单时，它在浏览器中如下所示-

Process

Success= 
Error=

这意味着，它的顶部和“ Success和“ Error标签的正下方都有“ Process按钮，其中没有任何值，因为我们尚未从控制器传递任何值。 但是对于用户来说看起来很奇怪。

所以我想做的是，一旦页面加载完毕或单击“处理”按钮-我根本不想显示Success和Error标签。 仅在单击提交按钮之后，才显示该消息，并根据从控制器传递的内容在Success和Error使用其适当的值。

在jQuery中可以做到这一点吗？ 如果我是对的，基本上我想隐藏它，直到单击“提交”按钮为止。

还是有更好的设计来显示我尝试做的成功和错误标签？

Answer 1

在我看来，您不需要JavaScript就能做到，因为据我所知，表单提交到了后端。 在JSP本身中，您可以像这样进行检查：

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

如果您确实想通过JavaScript进行此操作，则可以使用以下方法：

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

Answer 2

看看我的小提琴是否符合您的想法。

jsfiddle.net/4Nmqk/26