Steady Says

     JSF中默认并没有提供客户端验证机制，这就需要使用其他的方法来验证，Shale已经为我们做好了，通过封装commonsValidator，实现了非常方便易用的客户端验证。

     想必大家对Shale也有所耳闻，在JavaOne2005中的Web Framework的评比中，在Technical Features环节以4.95分的高分超越JSF, Tapestry, Webwork和Struts夺得桂冠。（可参考：http://www.blogjava.net/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）