Mojarra 2.0.x and Bean Validation : ajax versus regular submit

From: <webtier_at_javadesktop.org>
Date: Mon, 18 Jan 2010 17:10:59 PST

<DIV class=Section1>
Step 1 :<o:p></o:p>
Starting with the  following
home.xhtml<o:p></o:p>
(
Note how the h:messages tag
is outside the form: )<o:p></o:p>
<o:p> </o:p>
<html xmlsns=....>
   
<h:head>
       
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8"/>
       
<title>Hello JSF 2!</title>
   
</h:head>
   
<h:body>
       

          
#{welcome.message}
       

         
<h:messages id="messages" style="color:
red;"
           
layout="table"/>
<o:p> </o:p>
         
<h:form id="form">
<o:p> </o:p>
               
<h:panelGrid id="grid1" columns="2">
            
       Title :
                   
<h:inputText id="title"
value="#{welcome.title}" label="Title">
                   
</h:inputText>
                   
Name :
                   
<h:inputText id="name"
value="#{welcome.name}" label="Name">
             
      </h:inputText>
                   
Employee :
                   
<h:inputText id="employee"
value="#{welcome.employee}" label="Employee">
                       
<f:validateBean disabled="true" />
                   
</h:inputText>
                
   <h:commandButton value="OK" action="success" />
               
</h:panelGrid> 
           
</h:form>
      
   
</h:body>
</html>
<o:p> </o:p>
and WelcomeBean.java<o:p></o:p>
<o:p> </o:p>
import
javax.faces.bean.ManagedBean;
import
javax.faces.bean.SessionScoped;
import
javax.validation.constraints.NotNull;
import
javax.validation.constraints.Size;<o:p></o:p>
<o:p> </o:p>
@SessionScoped
@ManagedBean(name = "welcome", eager
= true)
public class WelcomeBean {
   

   
String title;
   
String name;
   
String employee;
<o:p> </o:p>
   
public WelcomeBean() {
       
System.out.println("WelcomeBean
instantiated");
   
}
   
public String getMessage() {
       
return "I'm alive!";
   
}
<o:p> </o:p>
   
@NotNull
   
@Size(min=2, message =
"{validator.notEmpty}")
   
public String getName() {
       
return name;
   
}
<o:p> </o:p>
   
public void setName(String name) {
       
this.name = name;
   
}
<o:p> </o:p>
   
@NotNull
   
@Size(min=3, max=5, message = "Invalid text
length; must be between {min} and {max}")
   
public String getTitle() {
       
return title;
   
}
<o:p> </o:p>
   
public void setTitle(String title) {
       
this.title = title;
   
}
<o:p> </o:p>
<o:p> </o:p>
   
@NotNull
   
@Size(min=1, message =
"{validator.notEmpty}")
   
public String getEmployee() {
       
return employee;
   
}
<o:p> </o:p>
   
public void setEmployee(String employee) {
       
this.employee = employee;
   
}
}
<o:p> </o:p>
When using the Submit button for a regular post , the errors messages appear as expected from the JSF.2
(Mojarra 2.0.3-SNAPSHOT) - Hibernate Validator (JSR 303 RI) integration. 
<o:p> </o:p>
Step
2:<o:p></o:p>
Adding <st1:City
w:st="on"><st1:place w:st="on">ajax</st1:place></st1:City> validation with default event
on title and name inputText 
so they become like this :
<o:p> </o:p>
                   
<h:inputText id="title"
value="#{welcome.title}" label="Title">
                    
<f:ajax 
render="messages"/><o:p></o:p>
                   
</h:inputText>
               

                   
<h:inputText id="name"
value="#{welcome.name}" label="Name">
                    
<f:ajax
render="messages"/><o:p></o:p>
                   
</h:inputText>
<o:p> </o:p>
Getting error screen "An Error Occurred:"
<f:<st1:City w:st="on"><st1:place
w:st="on">ajax</st1:place></st1:City>> contains an unknown id 'messages' -
cannot locate it in the context of the component title<o:p></o:p>
and stack trace<o:p></o:p>
javax.faces.FacesException: <f:<st1:place w:st="on"><st1:City
w:st="on">ajax</st1:City></st1:place>> contains an unknown id 'messages'
- cannot locate it in the context of the component title
           
at
com.sun.faces.renderkit.html_basic.AjaxBehaviorRenderer.getResolvedId(AjaxBehaviorRenderer.java:282)
           
at
com.sun.faces.renderkit.html_basic.AjaxBehaviorRenderer.appendIds(AjaxBehaviorRenderer.java:269)
           
at
com.sun.faces.renderkit.html_basic.AjaxBehaviorRenderer.buildAjaxCommand(AjaxBehaviorRenderer.java:214)
           
at
com.sun.faces.renderkit.html_basic.AjaxBehaviorRenderer.getScript(AjaxBehaviorRenderer.java:86)
           
at
javax.faces.component.behavior.ClientBehaviorBase.getScript(ClientBehaviorBase.java:99)
           
at
com.sun.faces.renderkit.RenderKitUtils.getSingleBehaviorHandler(RenderKitUtils.java:1585)
           
at
com.sun.faces.renderkit.RenderKitUtils.renderHandler(RenderKitUtils.java:1685)
           
at
com.sun.faces.renderkit.RenderKitUtils.renderOnchange(RenderKitUtils.java:366)
           
at
com.sun.faces.renderkit.html_basic.TextRenderer.getEndTextToRender(TextRenderer.java:134)
           
at
com.sun.faces.renderkit.html_basic.HtmlBasicRenderer.encodeEnd(HtmlBasicRenderer.java:170)
           
at
javax.faces.component.UIComponentBase.encodeEnd(UIComponentBase.java:878)
           
at
com.sun.faces.renderkit.html_basic.HtmlBasicRenderer.encodeRecursive(HtmlBasicRenderer.java:295)
           
at
com.sun.faces.renderkit.html_basic.GridRenderer.renderRow(GridRenderer.java:185)
           
at
com.sun.faces.renderkit.html_basic.GridRenderer.encodeChildren(GridRenderer.java:129)
           
at
javax.faces.component.UIComponentBase.encodeChildren(UIComponentBase.java:848)
           
at
javax.faces.component.UIComponent.encodeAll(UIComponent.java:1613)
           
at
javax.faces.render.Renderer.encodeChildren(Renderer.java:168)
           
at
javax.faces.component.UIComponentBase.encodeChildren(UIComponentBase.java:848)
           
at
javax.faces.component.UIComponent.encodeAll(UIComponent.java:1613)
           
at
javax.faces.component.UIComponent.encodeAll(UIComponent.java:1616)
           
at
javax.faces.component.UIComponent.encodeAll(UIComponent.java:1616)
           
at
com.sun.faces.application.view.FaceletViewHandlingStrategy.renderView(FaceletViewHandlingStrategy.java:380)
           
at
com.sun.faces.application.view.MultiViewHandler.renderView(MultiViewHandler.java:126)
           
at
com.sun.faces.lifecycle.RenderResponsePhase.execute(RenderResponsePhase.java:127)
           
at
com.sun.faces.lifecycle.Phase.doPhase(Phase.java:101)
           
at
com.sun.faces.lifecycle.LifecycleImpl.render(LifecycleImpl.java:139)
           
at
javax.faces.webapp.FacesServlet.service(FacesServlet.java:313)
           
at
org.apache.catalina.core.StandardWrapper.service(StandardWrapper.java:1523)
           
at
org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:279)
           
at
org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:188)
           
at
org.apache.catalina.core.StandardPipeline.invoke(StandardPipeline.java:641)
           
at
com.sun.enterprise.web.WebPipeline.invoke(WebPipeline.java:97)
           
at
com.sun.enterprise.web.PESessionLockingStandardPipeline.invoke(PESessionLockingStandardPipeline.java:85)
           
at
org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:185)
           
at org.apache.catalina.connector.CoyoteAdapter.doService(CoyoteAdapter.java:332)<o:p></o:p>
           
at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:233)<o:p></o:p>
           
at com.sun.enterprise.v3.services.impl.ContainerMapper.service(ContainerMapper.java:165)<o:p></o:p>
           
at com.sun.grizzly.http.ProcessorTask.invokeAdapter(ProcessorTask.java:791)<o:p></o:p>
           
at
com.sun.grizzly.http.ProcessorTask.doProcess(ProcessorTask.java:693)
           
at
com.sun.grizzly.http.ProcessorTask.process(ProcessorTask.java:954)
           
at
com.sun.grizzly.http.DefaultProtocolFilter.execute(DefaultProtocolFilter.java:170)
           
at
com.sun.grizzly.DefaultProtocolChain.executeProtocolFilter(DefaultProtocolChain.java:135)
           
at
com.sun.grizzly.DefaultProtocolChain.execute(DefaultProtocolChain.java:102)
           
at
com.sun.grizzly.DefaultProtocolChain.execute(DefaultProtocolChain.java:88)
           
at
com.sun.grizzly.http.HttpProtocolChain.execute(HttpProtocolChain.java:76)
           
at
com.sun.grizzly.ProtocolChainContextTask.doCall(ProtocolChainContextTask.java:53)
           
at
com.sun.grizzly.SelectionKeyContextTask.call(SelectionKeyContextTask.java:57)
           
at
com.sun.grizzly.ContextTask.run(ContextTask.java:69)
           
at
com.sun.grizzly.util.AbstractThreadPool$Worker.doWork(AbstractThreadPool.java:330)
           
at
com.sun.grizzly.util.AbstractThreadPool$Worker.run(AbstractThreadPool.java:309)
           
at java.lang.Thread.run(Thread.java:619)
<o:p> </o:p>
<o:p> </o:p>
Question : is <st1:City w:st="on"><st1:place
w:st="on">ajax</st1:place></st1:City> refresh working just for fields within the
same form ?<o:p></o:p>
This means I cannot
have multiple forms within same page but only one h:messages tag shared and refreshed  from any of the forms
?<o:p></o:p>
<o:p> </o:p>
<o:p> </o:p>
Step 3:
<o:p></o:p>
Moving messages tag
within the form now :<o:p></o:p>
and adjusting the f:<st1:City
w:st="on"><st1:place w:st="on">ajax</st1:place></st1:City> :<o:p></o:p>
<o:p> </o:p>
       
<h:form id="form">
               
<h:messages id="messages" style="color:
red;"<o:p></o:p>
               
layout="table"/><o:p></o:p>
<o:p> </o:p>
               
<h:panelGrid id="grid1" columns="2">
                    Title :
                   
<h:inputText id="title"
value="#{welcome.title}" label="Title">
                       
<f:<st1:place w:st="on"><st1:City
w:st="on">ajax</st1:City></st1:place> 
render="form:messages"/>
                   
</h:inputText>
                   
Name :
                   
<h:inputText id="name"
value="#{welcome.name}" label="Name">
                        
<f:<st1:place w:st="on"><st1:City
w:st="on">ajax</st1:City></st1:place> render="form:messages"/>
                   
</h:inputText>
                   
Employee :
                   
<h:inputText id="employee"
value="#{welcome.employee}" label="Employee">
                       
<f:validateBean disabled="true" />
                   
</h:inputText>
                   
<h:commandButton value="OK" action="success"
/>
               
</h:panelGrid> 
           
</h:form>
<o:p> </o:p>
The page can display now .
However when changing the input texts and the <st1:City
w:st="on"><st1:place w:st="on">ajax</st1:place></st1:City> request is posted , the messages show only one at a time . 
<o:p> </o:p>
To clarify: I enter one letter in Title field , I tab to next
field see the error message I am expecting , then enter one letter in the Name ,
I see the error message for the Name field , but the error message for the Title
field is gone .
<o:p> </o:p>
Since I am refreshing the whole messages component I am
expecting to see all messages like in the regular submit.
<o:p> </o:p>
<o:p> </o:p>
Step
4:<o:p></o:p>
I get that FacesMessages are request scope therefore I adjust the f:<st1:City w:st="on"><st1:place
w:st="on">ajax</st1:place></st1:City> tags like this :
<h:form id="form">
               
<h:messages id="messages" style="color:
red;"
               
layout="table"/>
<o:p> </o:p>
               
<h:panelGrid id="grid1" columns="2">
                   
Title :
                    <h:inputText id="title" value="#{welcome.title}"
label="Title">
                       
<f:<st1:place w:st="on"><st1:City
w:st="on">ajax</st1:City></st1:place> execute="@this name"
render="form:messages"/>
                   
</h:inputText>
                   
Name :
                   
<h:inputText id="name"
value="#{welcome.name}" label="Name">
                        
<f:<st1:place w:st="on"><st1:City
w:st="on">ajax</st1:City></st1:place> execute="@this title"
render="form:messages"/>
                   
</h:inputText>
                   
Employee :
                   
<h:inputText id="employee"
value="#{welcome.employee}" label="Employee">
                       
<f:validateBean disabled="true" />
                   
</h:inputText>
                   
<h:commandButton value="OK" action="success"
/>
               
</h:panelGrid> 
           
</h:form>
<o:p> </o:p>
The error reporting now is closer to the regular submit
behaviour however the error message for the title is displayed too early since
the user did not have the chance to enter the value .
<o:p> </o:p>
Is there a way to say to f:<st1:City
w:st="on"><st1:place w:st="on">ajax</st1:place></st1:City> , execute this field
only if is non empty ? Something like :
<o:p> </o:p>
<f:<st1:place w:st="on"><st1:City
w:st="on">ajax</st1:City></st1:place> execute="@this ( not empty title )"
render="form:messages"/>
<o:p> </o:p>
<o:p> </o:p>
… Maybe a proposal for JSF2.next …
<o:p> </o:p></DIV>

Until then what choices do I have ?
Where I can find info about Validation accross fiels with JSF2 and Hibernate Validator that would help this case ?

Thank you .
[Message sent by forum member 'movemountfuji' (movemountfuji_at_gmail.com)]

http://forums.java.net/jive/thread.jspa?messageID=381608