MaskedInput

Free

Tekstveld dat wat u typt opmaakt volgens een masker: 0 is een cijfer, a is een letter, * is een letter of cijfer, elk ander teken is een vast scheidingsteken (escape een maskerteken met een backslash). Het vaste deel wordt voor u toegevoegd (zelf typen wordt ook geaccepteerd). De waarde wordt alleen geaccepteerd als het masker compleet is. Preset geeft kant-en-klare maskers met controles (Date, Time, CreditCard met de Luhn-controle) en Pattern voegt een reguliere expressie toe waaraan de voltooide waarde moet voldoen.

Voorbeeld

Parameters

Parameter	Type	Beschrijving
`Class`	`string`	Extra CSS-klassen die aan het hoofdelement worden toegevoegd.
`Disabled`	`bool`	Schakelt interactie uit.
`DisplayName`	`string`	Naam die in validatiemeldingen wordt gebruikt.
`HelperText`	`string`	Hint die onder het veld wordt getoond.
`Label`	`string`	Zichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo).
`Mask`	`string`	Patroon: 0 cijfer, a letter, * letter of cijfer, andere tekens zijn letterlijk.
`Pattern`	`string`	Reguliere expressie waaraan de voltooide waarde moet voldoen.
`PatternMessage`	`string`	Fouttekst als Pattern niet overeenkomt.
`Placeholder`	`string`	Plaatshouder die wordt getoond als het veld leeg is.
`Preset`	`MaskPreset`	Kant-en-klaar masker met validatie: Date, Time of CreditCard. Mask overschrijft het.
`ReadOnly`	`bool`	Toont de waarde maar staat geen wijzigingen toe.
`ReturnRaw`	`bool`	Bindt de getypte tekens zonder de scheidingstekens.
`Style`	`string`	Inline stijl die aan het hoofdelement wordt toegevoegd.
`Value`	`string`	Huidige waarde. Gebruik met @bind-Value.

Gebeurtenissen

Gebeurtenis	Type	Beschrijving
`ValueChanged`	`EventCallback<string>`	Geactiveerd wanneer de waarde verandert.

Pakket

MaskedInput maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.

Feedback sturenVersie 1.0.3