Home » Primefaces Inputmask

Primefaces Inputmask

by Online Tutorials Library

PrimeFaces InputMask

It is a special type of input box which forces user to enter formatted input. We can create it by using <p:inputMask> component. It takes input in a certain pattern. It is useful when we want formated user input. It has various attributes that are listed below.

InputMask Attributes

Attribute Default Value Return type Description
id null String It is an unique identifier of the component.
rendered true Boolean It is used to specify the rendering of the component.
mask null Object It is used to set mask template.
slotChar null String It is a placeHolder in mask template.
value null object It is used to set value of the component.
required false Boolean It is used to make component as required.
maxlength null Integer It is used to set maximum number of characters that may be entered in this field.
onblur null String It is used to call script when input element loses focus.
onselect null String It is used to execute script when text within input element is selected by user.
placeholder null String It is used to specify a short hint.
readonly false Boolean It is used to set component readonly.
size null Integer It is used to set number of characters used to determine the width of the input element.
autoClear true Boolean It is used to clear the field on blur when incomplete input is entered.

Example

Here, in the following example, we are implementing <p:inpuMask> component. This example contains the following files.

JSF File

// inputMask.xhtml

ManagedBean

// InputMask.java

Output:

Primefaces Inputmask 1
Primefaces Inputmask 2

You may also like