KeyFilter

Import via Module

import { InputText } from 'primereact/inputtext';
 

Import via CDN

<script src="https://unpkg.com/primereact/core/core.min.js"></script>
 

Getting Started

KeyFilter property is integrated in input components such as InputText using the keyfilter property. The value of the filter can either a built-in regular expression or a custom one. Following input only accepts integers.

<InputText keyfilter="int" />
 

Built-in Filters

Commonly used cases have their own built-in shortcuts.

• pint: Positive integers
• int: Integers
• pnum: Positive numbers
• num: Numbers
• hex: Hexadecimal
• email: Email
• alpha: Alphabetic
• alphanum: Alphanumeric

Custom Filter

A custom filter is enabled by binding a regular expression, an example that blocks special characters would be;

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

Accessibility

This section is under development. After the necessary tests and improvements are made, it will be shared with the users as soon as possible.

Dependencies

None.