MaskedInput

Free

Textfeld, das die Eingabe nach einer Maske formatiert: 0 ist eine Ziffer, a ein Buchstabe, * ein Buchstabe oder eine Ziffer, jedes andere Zeichen ist ein festes Trennzeichen (maskieren Sie ein Maskenzeichen mit einem Backslash). Der feste Teil wird für Sie ergänzt (ihn selbst zu tippen wird ebenfalls akzeptiert). Der Wert wird nur akzeptiert, wenn die Maske vollständig ist. Preset liefert fertige Masken mit Prüfungen (Date, Time, CreditCard mit der Luhn-Prüfung), und Pattern fügt einen regulären Ausdruck hinzu, dem der fertige Wert entsprechen muss.

Beispiel

Parameter

Parameter	Typ	Beschreibung
`Class`	`string`	Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
`Disabled`	`bool`	Deaktiviert die Interaktion.
`DisplayName`	`string`	In Validierungsmeldungen verwendeter Name.
`HelperText`	`string`	Hinweis, der unter dem Feld angezeigt wird.
`Label`	`string`	Sichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo).
`Mask`	`string`	Muster: 0 Ziffer, a Buchstabe, * Buchstabe oder Ziffer, andere Zeichen sind Literale.
`Pattern`	`string`	Regulärer Ausdruck, dem der fertige Wert entsprechen muss.
`PatternMessage`	`string`	Fehlertext, wenn Pattern nicht passt.
`Placeholder`	`string`	Platzhalter, der angezeigt wird, wenn das Feld leer ist.
`Preset`	`MaskPreset`	Fertige Maske mit Validierung: Date, Time oder CreditCard. Mask überschreibt sie.
`ReadOnly`	`bool`	Zeigt den Wert, lässt aber keine Änderungen zu.
`ReturnRaw`	`bool`	Bindet die eingegebenen Zeichen ohne die Trennzeichen.
`Style`	`string`	Inline-Stil, der dem Wurzelelement hinzugefügt wird.
`Value`	`string`	Aktueller Wert. Verwenden Sie es mit @bind-Value.

Ereignisse

Ereignis	Typ	Beschreibung
`ValueChanged`	`EventCallback<string>`	Wird ausgelöst, wenn sich der Wert ändert.

Paket

MaskedInput gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.

Feedback sendenVersion 1.0.3