KeyFilter

KeyFilter is a built-in feature of InputText to restrict user input based on a regular expression.

Import#


import { InputText } from 'primereact/inputtext';

Presets#

KeyFilter provides various presets configured with the keyfilter property.

Integer

Number

Money

Hex

Alphabetic

Alphanumeric

Positive Integer

Positive Number


<InputText keyfilter="int" />
<InputText keyfilter="pint" />
<InputText keyfilter="num" />
<InputText keyfilter="pnum" />
<InputText keyfilter="money" />
<InputText keyfilter="hex" />
<InputText keyfilter="alpha" />
<InputText keyfilter="alphanum" />
<InputText keyfilter="email" />

Regex#

In addition to the presets, a regular expression can be configured for customization.

Block Space

Block < > * !


<InputText keyfilter={/[^s]/} />
<InputText keyfilter={/^[^<>*!]+$/}  />

Accessibility guide documents the specification of this component based on WCAG guidelines, the implementation is in progress.

Accessibility#

Refer to InputText for accessibility as KeyFilter is a built-in add-on of the InputText.