Primefaces Ajax Validation

by Online Tutorials Library July 14, 2022

PrimeFaces Ajax Validation

PrimeFaces provides validation tags to validate our data at server side. The <p:ajax> is used to perform Ajax validation. Here, we are creating an example that takes two inputs and validate at server side.

This example includes the following files.

JSF File

// ajax-validation.xhtml

  <?xml version=’1.0′ encoding=’UTF-8′ ?>  <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>  <html xmlns=”http://www.w3.org/1999/xhtml”  xmlns:h=”http://xmlns.jcp.org/jsf/html”  xmlns:p=”http://primefaces.org/ui”  xmlns:f=”http://xmlns.jcp.org/jsf/core”>  <h:head>  <title>ajax-validation</title>  </h:head>  <h:body>  <h:form>  <p:panel id=”panel-id” header=”Add a User”>  <p:messages id=”msgs” />  <h:panelGrid columns=”3″ cellpadding=”5″>  <p:outputLabel for=”firstname” value=”Firstname:” />  <p:inputText id=”firstname” value=”#{ajaxValidation.firstname}” required=”true” label=”Firstname”>  <f:validateLength minimum=”2″ />  </p:inputText>  <p:message for=”firstname” display=”icon” />  <p:outputLabel for=”lastname” value=”Lastname:” />  <p:inputText id=”lastname” value=”#{ajaxValidation.lastname}” label=”Lastname” required=”true”>  <f:validateLength minimum=”2″ />  <p:ajax update=”msgLastname” event=”keyup” />  </p:inputText>  <p:message for=”lastname” id=”msgLastname” display=”icon” />  </h:panelGrid>  <p:commandButton value=”Save” update=”panel-id” actionListener=”#{ajaxValidation.save}” icon=”ui-icon-check” />  </p:panel>  </h:form>  </h:body>  </html>  

ManagedBean

// AjaxValidation.java

  package com.tutoraspire;  import javax.faces.application.FacesMessage;  import javax.faces.bean.ManagedBean;  import javax.faces.context.FacesContext;  @ManagedBean  public class AjaxValidation {  private String firstname;  private String lastname;  public String getFirstname() {  return firstname;  }  public void setFirstname(String firstname) {  this.firstname = firstname;  }  public String getLastname() {  return lastname;  }  public void setLastname(String lastname) {  this.lastname = lastname;  }  public void save() {  FacesContext.getCurrentInstance().addMessage(null,  new FacesMessage(“Welcome ” + firstname + “” + lastname));  }  }  

It produces the following output after execution.

Output:

PrimeFaces Validation 1

It validates data at client side and produces the following data.

PrimeFaces Validation 2

Next TopicPrimeFaces Ajax Dropdown

Primefaces Ajax Validation

PrimeFaces Ajax Validation

JSF File

ManagedBean

SSRS vs Power BI

Backtracking in Prolog

You may also like