如何隐藏标签，直到点击提交按钮？

我正在使用Spring Controller和JSP项目。我有一个jsp页面，其中有一个按钮是Process，一旦我点击那个按钮，它就会向我显示两个单选按钮，它也是一个Submit按钮。如何隐藏标签，直到点击提交按钮？

并单击提交按钮，如果一切正常的话，我表演结束后 - 因该数据将来自控制器 -

Success= true 
Error= none

但你可以在我的jsfiddle看到。当我的形式被加载我打谈到这样的浏览器上的JSP的URL后 -

Process 

Success= 
Error=

意义，它在顶部和下方SuccessProcess按钮，Error标签与它作为我们的避风港没有值尚未从控制器传递任何值。但用户看起来很奇怪。

所以我想要做的是，一旦我的页面被加载或我点击处理按钮 - 我不想显示Success和Error标签。只有在Success和Error中点击提交按钮后，才会显示该提交按钮，具体取决于控制器传递的内容。

这是可能在jQuery做？如果我是对的，基本上我想隐藏它，直到提交按钮被点击...

或者是有没有更好的设计来显示成功和错误标签与我想要做的？

2014-03-19 AKIWEB

在我看来，你不需要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 
}

2014-03-19 02:07:30

是的它正常工作与你的JavaScript例子..谢谢了很多爆炸。 – AKIWEB

一个愚蠢的问题 - 你看到任何更好的设计，在我的jsfiddle中显示成功和错误响应？目前我显示为标签，他们看起来非常丑陋..你能想出一些可以匹配我的东西，如果可能，看起来稍微好一些？ – AKIWEB

@AKIWEB你丑陋的意思是什么？你可以使用CSS来设置样式。 –

上看看我的小提琴，如果它符合你的想法。

jsfiddle.net/4Nmqk/26

2014-03-19 02:33:18 Kai

回答