在JSF中使用Shale进行客户端验证

在JSF中使用Shale进行客户端验证

         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）