现在的位置: 首页 > 综合 > 正文

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

2013年07月25日 ⁄ 综合 ⁄ 共 2392字 ⁄ 字号 评论关闭

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

     想必大家对Shale也有所耳闻,在JavaOne2005中的Web Framework的评比中,在Technical Features环节以4.95分的高分超越JSF, Tapestry, WebworkStruts夺得桂冠。(可参考:http://www.blogjava.net/steelhand/archive/2005/07/05/7114.aspx

     当然一个优秀的框架可以为我们去做很多,Shale也一样,它为我们提供了很多实用的特性:View ControllerDialog ManagerDialog ManagerValidationRemotingSpring IntegrationReusable ViewsTest Framework。我们这次就来用用看它的Validation

     因为Shale到现在还没有正式的release版本,我们可以通过它的Development Releasehttp://svn.apache.org/dist/struts/shale/v1.0.0/)或者Nightly Buildhttp://cvs.apache.org/builds/struts/nightly/struts-shale/)进行,虽然没有达到产品级的稳定性,但是基本功能已经基本上有了。

使用ShaleValidation非常简单,首先,我们得去下一个Commons Validator 1.2http://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

 

 

抱歉!评论已关闭.