MaskedInput

Free

Текстово поле, което форматира въведеното по маска: 0 е цифра, a е буква, * е буква или цифра, всеки друг знак е фиксиран разделител (екранирайте знак на маската с обратна наклонена черта). Фиксираната част се добавя вместо вас (приема се и ако я въведете сами). Стойността се приема само когато маската е пълна. Preset дава готови маски с проверки (Date, Time, CreditCard с проверката на Luhn), а Pattern добавя регулярен израз, на който завършената стойност трябва да съответства.

Пример

Параметри

Параметър	Тип	Описание
`Class`	`string`	Допълнителни CSS класове, добавени към коренния елемент.
`Disabled`	`bool`	Изключва взаимодействието.
`DisplayName`	`string`	Име, ползвано в съобщенията за валидация.
`HelperText`	`string`	Подсказка, показвана под полето.
`Label`	`string`	Видим текст на етикета (графики: достъпно име; IconButton: достъпно име и подсказка).
`Mask`	`string`	Шаблон: 0 цифра, a буква, * буква или цифра, другите знаци са буквални.
`Pattern`	`string`	Регулярен израз, на който завършената стойност трябва да съответства.
`PatternMessage`	`string`	Текст на грешка, когато Pattern не съвпада.
`Placeholder`	`string`	Примерен текст, показван, когато полето е празно.
`Preset`	`MaskPreset`	Готова маска с валидация: Date, Time или CreditCard. Mask я замества.
`ReadOnly`	`bool`	Показва стойността, но не позволява промени.
`ReturnRaw`	`bool`	Свързва въведените знаци без разделителите.
`Style`	`string`	Вграден стил, добавен към коренния елемент.
`Value`	`string`	Текуща стойност. Ползвайте с @bind-Value.

Събития

Събитие	Тип	Описание
`ValueChanged`	`EventCallback<string>`	Вдига се, когато стойността се промени.

Пакет

MaskedInput е част от RayCraft Free. Пакет: RayCraft.Blazor. Тя се тегли от nuget.org. Вижте Първи стъпки.

Изпратете обратна връзкаВерсия 1.0.3