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 (Single Keypress)#

In addition to the presets, a regular expression can be configured for customization of blocking a single key press.

Block Space

Block < > * !


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

Regex (Whole Word)#

In addition to the presets, a regular expression can be used to validate the entire word using validateOnly.

Numeric (allow "+" only once at start)


<InputText id="numkeys" keyfilter={/^[+]?(d{1,12})?$/} validateOnly onInput={validateInput} />

Accessibility#

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