如何隱藏標籤，直到點擊提交按鈕？

我正在使用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

回答