如何自定義Struts2表單驗證後的錯誤資訊顯示格式/樣式

如何自定義Struts2表單驗證後的錯誤資訊顯示格式/樣式

（s:fielderror，換行，黑點）

 

前面一段時間學過一些Struts2的知識，感覺Struts2和1.x還是有很大的差別的，我還不好說1.x肯定會過時還是2.0會很快流行，這畢竟是需要作為導向的。

在Struts2中驗證真的比較容易，可以在Action中直接寫validate，也可以使用validate框架進行驗證，這個我覺得比Struts1.x方便了很多，但是有個問題一直困擾了我，直到現在有個小程式要用到這個方面的知識，那就是驗證後如何很好地人性化地在jsp頁面中顯示了。

大家都知道，Struts2顯示驗證結果有一些方式，一般通過兩種方式，介紹如下：

1. 在頁面的上面或者某個位置全部顯示錯誤

程式碼：<s:fielderror cssStyle="color: red"></s:fielderror>

這樣會顯示所有的錯誤資訊，模擬效果如下：

2.在每個欄位下面或上面顯示，通過

<s:fielderror cssStyle="color: red">

<s:param>XXX（標籤的name屬性，象user.username）</s:param>

</s:fielderror>

例： 用 &nbsp;戶&nbsp;名：

<input type="text" name="user.username" />

<s:fielderror cssStyle="color: red">

<s:param>user.username</s:param>

</s:fielderror>顯示效果如下：

上面的差不多是Struts預設顯示的兩種方式，但是我們常見的顯示方式並不是這樣的，所有我們需要自定義這種格式，我們的習慣是把錯誤資訊顯示在某個出錯欄位的後面，一行顯示，而它給了一個小黑點並且換了行，我們現在就來解決這個問題。

這個問題困擾了我很久，真的很久以前想過，但是沒有徹底地解決，一直留到現在，今天在google上搜了很久，終於給解決了，現在分享一下解決的途徑。

先提供網上的思路給大家（關鍵解決的思路）

1. struts2表單驗證_錯誤資訊的顯示問題 中提到

引用 10 樓 starwar2030 的回覆:

可以在CSS中定義
.formFieldError {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #FF3300;
vertical-align: bottom;
}

.formFieldError ul{
margin: 0px;
padding: 3px;
vertical-align: middle;
}
而後使用類似用
<td class="formFieldError"> <s:fielderror> <s:param value="%{'userRecord.…

不需要那麼複雜的，你將struts-core*中的template解出來，然後你把它放到專案的WEB-INF下,在struts.properties中新增程式碼
struts.ui.theme=simple
struts.ui.templateDir=WEB-INF/template
然後修改下simple下的fielderror.ftl檔案，將該檔案中的 <li>和 </li>刪除；

或者完全拷貝simple的內容定義一個自己的UI;
比如將simple拷貝一份命名為default,同樣修改fielderror.ftl,在新建一個檔案為theme.properties,新增內容parent = simple

再修改struts.properties的struts.ui.theme=default;這樣每個檔案的theme就不要指定了

 

發表於：2008-08-04 09:47:3114樓得分:0

來源：(http://blog.sina.com.cn/s/blog_5d31611a0100eubo.html) - 如何自定義Struts2表單驗證後的錯誤資訊顯示格式/樣式_李順利_新浪部落格

建議需要定義樣式的同志看下自定義theme 這章的內容

還有 theme="simple" 是放在form標籤內的

2. struts2 的 fielderror 樣式問題 中提到

可以改一下STRUTS2的錯誤資訊模板.

fielderror.ftl 這個裡面可以改它的樣式

 

3. Struts2 模板 中提到

先前有網友問過我，他用了 Struts2 的校驗，但是錯誤輸出是在輸入框的上方，但希望錯誤資訊是顯示在輸入框的右方，該如何做。當時我只告訴了他要修改模板檔案，也只是大概告訴了他是在某個 template 目錄下的一個 ftl 檔案，因那時具體操作自己也不太清楚。現在知道了線索，但實際修改還是很麻煩的。
輸入框　<s:textfield .../> 預設是用的 xhtml/text.flt 模板，text.ftl 包裝了 smple/text.ftl，錯誤資訊可以追溯發現是在 controlheader-core.ftl 中定義顯示的，所以你可以把 xthml/text.ftl 和 controlheader-core.ftl 拷到 WEB-INF/classes/template/xhtml 目錄中進行修改，WEB-INF/classes/template/xhtml 中的模板檔案是優先於 struts2-core-2.x.x.jar 裡的 template/xhtml 目錄中的模板檔案載入

 

這是我整理出來的一些思路，但是看到這些的時候，特別是第三條Struts2模板的時候，感覺自己有點思路了，後面就是一步一步地進行，發現還真的解決了。這個時候也希望能夠看看上面的文章。現提供我解決自定義錯誤顯示方式的步驟。

1. 找到你的struts2-core-2.XXX.jar這個核心包，用軟體解壓；

2. 在\struts2-core-2. XXX\template\simple目錄下找到fielderror.ftl（跟我們自定義格式非常有關係的檔案）；

3. 根據Struts2模板中提到的，把上面的fielderror.ftl放到WEB-INF/classes/template/simple目錄下，這個我當時以為就在WEB-INF下新建一個classes的資料夾，後來提示已經存在，想想整個工程的結構發現，classes是放Java編譯後的檔案的，所有，這個時候的操作是在Src目錄下新建一個template的資料夾，再在裡面新建一個simple的資料夾（template/simple）（一定要注意建資料夾的步驟，是分兩個資料夾建而不是建一個資料夾template.simple），把fielderror.ftl放到裡面，目錄結構如下：

4. 修改fielderror.ftl配置檔案，這一步才是關鍵，如何修改了，實際上也很簡單，就是把<ul></ul><li></li>標籤刪除（僅僅是刪除標籤而不刪除標籤裡面的內容），簡便的方法就是用記事本開啟這個檔案並用空格替換上面的每個標籤（一個一個來哦）。後面我會提供我已經修改後的這個檔案，如果大家不想修改的話就直接把我修改後的檔案放到上面的目錄即可。

5. 上面一步就是把錯誤資訊顯示前面的小黑點和換行都去掉了，是個關鍵步驟了，後面就來顯示了，還是用上面的方式

<s:fielderror cssStyle="color: red">

<s:param>XXX（標籤的name屬性，象user.username）</s:param>

</s:fielderror>

要不要加theme="simple"大家看著辦，反正我是沒加，也是可以的,還有，這個時候，你就可以通過css來定義一下錯誤資訊顯示的字型啊，顏色啊等，這裡不再敘述。

6. 整個步驟的原理就是Struts會載入一些配置檔案，如果我們的classess裡面沒有的話會找到jar包裡面的，如果有的話優先使用配置檔案。我們這裡的就是用我們修改的fielderror.ftl配置檔案來覆蓋jar包裡面的檔案。

7. 來看看我們修改後的自定義顯示錯誤資訊吧，截圖如下：