Display a Popup instead of an error-message at conversionError

[Michael Darsow]

Hi there,

i am pretty new to JSF and i am trying to display a formular which has a date-field to be filled by the user.

In my JSF-Page i am iterating over a list objects A, which has 3 String fields and 1 Date field.

<h:form id="form">
  <ui:repeat var="obj" value="#{myBackingBean.objectList}">

    <h:inputText value="#{obj.field1}"></h:inputText>
    <br/>

    <h:inputText value="#{obj.field2}"></h:inputText>
    <br/>

    <h:inputText value="#{obj.field3}"></h:inputText>
    <br/>

    <h:inputText value="#{obj.date}">
      <f:convertDateTime pattern="dd-MM-yyy"/>                
    </h:inputText>

    <br/>
    <br/>

  </ui:repeat>

  <h:commandButton value="Submit" actionListener="#{myBackingBean.buttonAction}"/>
                
</h:form>

When the Submit-Button is pressed, a red error-message appears on the screen. Instead I would like to display a popup with an errormessage when the user presses the submit-Button and the date-conversion fails.

Is there a way to achieve this?
Thank you in advance

[Tim Holloway]

Welcome to the JavaRanch, Michael!

Straight JSF doesn't have any sort of support for popup windows or dialogs. The closest that you could get would be a link with a "target" attribute, but that wouldn't work when an input fails validation.

One of the prime virtues of JSF, however, is that it does provide better support for validation error handling than most platforms. Just not as popups.

Basically, out of the box you can either collect all the messages for the page and display them in one place using the "h:messages" element or you can tag the individual controls with messages. Like so:

<h:form id="form">  
   <h:dataTable var="obj" value="#{myBackingBean.objectListModel}">
     <h:panelGrid columns="3">

           <h:outputLabel for="field1" value="Field 1"/>
           <h:inputText id="field1" value="#{obj.field1}" required="true"/>
           <h:message for="field1"/>

           <h:outputLabel for="field2" value="Field 2"/>
           <h:inputText id="field2" value="#{obj.field2}" required="true"/>
           <h:message for="field2"/>
   
           <h:outputLabel for="field3" value="Field 3"/>
           <h:inputText id="field3" value="#{obj.field3}" required="true"/>
           <h:message for="field3"/>

           <h:outputLabel for="date" value="Date"/>
           <h:inputText id="date" value="#{obj.date}">  
              <f:convertDateTime pattern="dd-MM-yyy"/>                  
           </h:inputText>  
           <h:message for="date"/>
   <h:/dataTable>
   
   <h:commandButton value="Submit" actionListener="#{myBackingBean.buttonAction}"/>  
                  
</h:form>  

BTW, avoid using Listeners when something simpler and more POJO will suffice. You don't need a "buttonAction" listener here, just a simple action method.

Among my pet peeves in JSF are use of HTML tags instead of JSF tags and use of ui:repeat for tabular data, so I've taken some liberties here.