javascript - 如何在单击提交按钮之前隐藏标签？

Question

我正在使用 Spring Controller 和 JSP 元素。我有一个 jsp 页面，其中有一个按钮 Process，单击该按钮后，它会在其下方显示两个单选按钮和一个 Submit 按钮.

点击“提交”按钮后，如果一切顺利，我会显示 - 因为此数据将来自 Controller -

Success= true 
Error= none

但正如您在我的 jsfiddle 中看到的那样.当我点击 jsp url 后加载我的表单时，它在浏览器上是这样的 -

Process

Success= 
Error= 

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

所以我想做的是，一旦我的页面被加载或我点击处理按钮 - 我根本不想显示 Success 和 Error 标签.它应该仅在提交按钮被点击后显示，其在 Success 和 Error 中的适当值取决于从 Controller 传递的内容。

这可以用 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
}

http://jsfiddle.net/4Nmqk/25/