KeyFilter

KeyFilterは、正規表現に基づいてユーザー入力を制限するInputTextの組み込み機能です。

インポート#


import { InputText } from 'primereact/inputtext';

プリセット#

KeyFilterは、keyfilterプロパティで設定された様々なプリセットを提供します。

整数

数値

金額

16進数

アルファベット

英数字

正の整数

正の数値

メールアドレス


<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" />

正規表現（単一キー入力）#

プリセットに加えて、単一キー入力のブロックのカスタマイズのために正規表現を設定できます。

スペースのブロック

ブロック< > * !


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

正規表現（単語全体）#

プリセットに加えて、validateOnlyを使用して単語全体を検証するために正規表現を使用できます。

数値（先頭に「+」を一度だけ許可）


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

アクセシビリティ#

KeyFilterはInputTextの組み込みアドオンであるため、アクセシビリティについてはInputTextを参照してください。