Formatted input with inputMask
inputMask
minimizes the chances for the user to input incorrect data. It applies client-side validation with the provided masking template.
How to do it...
A basic example of an input mask for a phone number input would be as follows:
<p:inputMask value="#{inputMaskBean.phone}" mask="(999) 999-9999"/>
As can be seen with the mask (999) 999-9999
, it is stated that only numbers can be input along with the parenthesis and dashed structure. The initial visual of the input will be as seen in the following screenshot:
The fields that are filled up with number 9
in the mask will be empty and the rest will be rendered with the ...
Get PrimeFaces Cookbook - Second Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.