Input validation is not happening with ajaxify command button

[prasad kakani]

Hi All,

I tried alot to validate the input fields with ajax call of command button. Its not working at all.. But if we just use command action then validation is happening. Dont know what is happening inside the code..Can you please help me out??


This is my code.

<h:form id="register">
	<h:messages style="color: red;"/>
    <h:panelGrid columns="3">
    	
        <h:outputLabel for="username" value="Username" />
        <h:inputText id="username" value="#{myBean.username}" />

        <h:outputLabel for="password" value="Password" />
        <h:inputSecret id="password" value="#{myBean.password}" >
            <f:validator validatorId="PasswordValidatorID"/>
            <f:attribute name="confirm" value="#{confirm}"/>
        </h:inputSecret>
        
        <h:outputLabel for="confirm" value="Confirm password" />
        <h:inputSecret id="confirm" binding="#{confirm}" required="true" />
        
        <h:commandButton value="Register" action="#{myBean.register}"> <! -- if command button action is only used then validation is happening.>
        	<f:ajax execute="@this" render="@form"/>
        </h:commandButton>
    </h:panelGrid>
</h:form>

 
<validator>
        <validator-id>PasswordValidatorID</validator-id>
        <validator-class>com.validator.PasswordValidator</validator-class>
    </validator>

public class PasswordValidator implements Validator {
    public void validate(FacesContext context, UIComponent component, Object value)
        throws ValidatorException
    {
        String password = (String) value;
       UIInput confirmComponent = (UIInput) component.getAttributes().get("confirm");
        String confirm =(String) confirmComponent.getSubmittedValue();
        if (password == null || password.isEmpty() || confirm == null || confirm.isEmpty()) {
            return; // Let required="true" do its job.
        }
       // Compare the password with the confirm password.
        if (!password.equals(confirm)) {
            confirmComponent.setValid(false); 
            throw new ValidatorException(new FacesMessage("Passwords are not equal."));
        }
   }
}

if <f:ajax execute="@this" render="@form"/> is removed then validation is happeing.but this code is placed then validation is not happening. Dont know exactly what is happening here..

[Tim Holloway]

I can venture a suggestion. It's the best I can do until I can spare the time to actually learn how the JSF2 ajax tag works (I'm still working with RichFaces3).

In RichFaces, at least, there's the ability to limit the data being transmitted when a submit is done. "immediate="true"" would submit no data at all (basic JSF), "ajaxSingle="true"" would submit only the value of the control that contained the ajax submit (RichFaces a4j:support tag), and no qualification would submit the entire form.

So what I suspect is that your f:ajax tag is doing is the equivalent of the RichFaces "ajaxSingle" submit and you need to modify it to widen the data set being submitted.

[prasad kakani]

Yeah you are correct Tim,

if i use <f:ajax execute="@all" render="@form"/> instead of <f:ajax execute="@this" render="@form"/>

Then it is working fine..

Thanks Alot Tim.