Instant validation with p:clientValidator

Sometimes, users don't want to fill all form elements and hit p:commandButton or p:commandLink to get feedback about valid values. They would like to get feedback immediately, for example, during typing or while leaving a field. CSV allows us to validate input values instantly on the client side by means of p:clientValidator.

In this recipe, we will meet p:clientValidator and develop an example with instant validation on the change, keyup, and blur events.

How to do it…

First, we have to create a bean with three properties, as shown here:

@Named
@ViewScoped
public class InstantCsvBean implements Serializable {

  private String value1;
  private Integer value2;
  private Date value3;

  // getters / setters
}

In Facelets, the properties are bound to the values of p:inputText. Every p:inputText tag will obtain an attached p:clientValidator tag with a specified event. A missing event means the change event, which is set as default in this case...