Question

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

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

Success= true 
Error= none

但正如您在jsfiddle中所看到的那样。当我点击jsp url后我的表单被加载时，它会在浏览器中出现 -

Process

Success= 
Error=

意思是，它顶部有Process按钮，而Success和Error标签下面没有任何值，因为我们尚未从控制器传递任何值。但对用户来说这看起来很奇怪。

所以我要做的是，一旦我的页面加载或我点击处理按钮 - 我根本不想显示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