隨筆分類(103)

         JSF中默認并沒有提供客戶端驗證機制，這就需要使用其他的方法來驗證，Shale已經為我們做好了，通過封裝commonsValidator，實現了非常方便易用的客戶端驗證。

     想必大家對Shale也有所耳聞，在JavaOne2005中的Web Framework的評比中，在Technical Features環節以4.95分的高分超越JSF, Tapestry, Webwork和Struts奪得桂冠。（可參考：http://m.tkk7.com/steelhand/archive/2005/07/05/7114.aspx）

     當然一個優秀的框架可以為我們去做很多，Shale也一樣，它為我們提供了很多實用的特性：View Controller，Dialog Manager，Dialog Manager，Validation，Remoting，Spring Integration，Reusable Views，Test Framework。我們這次就來用用看它的Validation。

     因為Shale到現在還沒有正式的release版本，我們可以通過它的Development Release（http://svn.apache.org/dist/struts/shale/v1.0.0/）或者Nightly Build（http://cvs.apache.org/builds/struts/nightly/struts-shale/）進行，雖然沒有達到產品級的穩定性，但是基本功能已經基本上有了。

使用Shale的Validation非常簡單，首先，我們得去下一個Commons Validator 1.2（http://jakarta.apache.org/site/downloads/downloads_commons-validator.cgi ），過去我們在struts用也可以使用它來進行方便的客戶端驗證，同樣在JSF中也一樣，或許更簡單。

     我們只需要通過簡單的三步，即可完成一個完整的Validation。（當然，所有的包要放在WEB-INF/lib下）

     首先，在<h:form>中加入這條屬性，onsubmit="return validateForm(this);"

     接下來，使用<s:commonsValidator>對頁面指定的元素如<h:inputText>進行驗證。

     最后，在<h:form>前加上<s:validatorScript>。

     這樣一個完整的Validation就配好了，是不是很簡單呢？比struts中使用Validator還要方便，因為配置啊什么的都不要做了。

     這樣頁面看起來就像這樣：

<%@ taglib uri="http://struts.apache.org/shale/core" prefix="s" %>

<h:form onsubmit="return validateForm(this);">

    <h:inputText id="creditCardNumber" 
                      size="16"
                   value="#{userContext.creditCardNumber}">

        <s:commonsValidator type="required"
                                                 arg="#{msgs.creditCardNumberPrompt}"
                                           server="true"
                                            client="true"/>

        <s:commonsValidator type="mask"
                                             mask="[4-6].*"
                                                 arg="#{msgs.creditCardNumberPrompt}"
                                           server="true"
                                            client="true"/>

        <s:commonsValidator type="creditCard" 
                                             arg="#{msgs.creditCardNumberPrompt}" 
                                           server="true">
    </h:inputText> 

    <h:message for="creditCardNumber" styleClass="errors"/> 

    <s:validatorScript functionName="validateForm"/>
</h:form>

     <s:commonsValidator>中的type屬性對應了commons Validator中的驗證方法，具體可以參考commons Validator官方網站的相關文檔（http://jakarta.apache.org/commons/validator/index.html）