Primefaces Cookbook Second Edition

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, ...