MaskedInput

Free

Textfält som formaterar det som skrivs efter en mask: 0 är en siffra, a är en bokstav, * är en bokstav eller siffra, varje annat tecken är en fast avgränsare (escapa ett maskeringstecken med ett omvänt snedstreck). Den fasta delen läggs till åt dig (att skriva den själv accepteras också). Värdet accepteras bara när masken är komplett. Preset ger färdiga masker med kontroller (Date, Time, CreditCard med Luhn-kontrollen), och Pattern lägger till ett reguljärt uttryck som det färdiga värdet måste stämma med.

Exempel

Parametrar

Parameter	Typ	Beskrivning
`Class`	`string`	Extra CSS-klasser som läggs till på rotelementet.
`Disabled`	`bool`	Inaktiverar interaktion.
`DisplayName`	`string`	Namn som används i valideringsmeddelanden.
`HelperText`	`string`	Ledtråd som visas under fältet.
`Label`	`string`	Synlig etikettext (diagram: tillgängligt namn; IconButton: tillgängligt namn och verktygstips).
`Mask`	`string`	Mönster: 0 siffra, a bokstav, * bokstav eller siffra, övriga tecken är bokstavliga.
`Pattern`	`string`	Reguljärt uttryck som det färdiga värdet måste stämma med.
`PatternMessage`	`string`	Feltext när Pattern inte stämmer.
`Placeholder`	`string`	Platshållare som visas när fältet är tomt.
`Preset`	`MaskPreset`	Färdig mask med validering: Date, Time eller CreditCard. Mask åsidosätter den.
`ReadOnly`	`bool`	Visar värdet men tillåter inte ändringar.
`ReturnRaw`	`bool`	Binder de inmatade tecknen utan avgränsarna.
`Style`	`string`	Inbäddad stil som läggs till på rotelementet.
`Value`	`string`	Aktuellt värde. Använd med @bind-Value.

Händelser

Händelse	Typ	Beskrivning
`ValueChanged`	`EventCallback<string>`	Utlöses när värdet ändras.

Paket

MaskedInput ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.

Skicka synpunkterVersion 1.0.3