RayCraftDocs
v1.0.3
da
raycraft.dev
På denne side

MaskedInput

Free

Tekstfelt, der formaterer det indtastede efter en maske: 0 er et ciffer, a er et bogstav, * er et bogstav eller ciffer, ethvert andet tegn er et fast skilletegn (escape et maskeringstegn med et omvendt skråstreg). Den faste del tilføjes for dig (at skrive den selv accepteres også). Værdien accepteres kun, når masken er komplet. Preset giver færdige masker med kontroller (Date, Time, CreditCard med Luhn-kontrollen), og Pattern tilføjer et regulært udtryk, som den færdige værdi skal matche.

Eksempel

Kontrollen MaskedInput

Parametre

ParameterTypeBeskrivelse
ClassstringEkstra CSS-klasser, der tilføjes til rodelementet.
DisabledboolDeaktiverer interaktion.
DisplayNamestringNavn, der bruges i valideringsmeddelelser.
HelperTextstringTip, der vises under feltet.
LabelstringSynlig etikettekst (diagrammer: tilgængeligt navn; IconButton: tilgængeligt navn og værktøjstip).
MaskstringMønster: 0 ciffer, a bogstav, * bogstav eller ciffer, andre tegn er bogstavelige.
PatternstringRegulært udtryk, som den færdige værdi skal matche.
PatternMessagestringFejltekst, når Pattern ikke passer.
PlaceholderstringPladsholder, der vises, når feltet er tomt.
PresetMaskPresetFærdig maske med validering: Date, Time eller CreditCard. Mask tilsidesætter den.
ReadOnlyboolViser værdien, men tillader ikke ændringer.
ReturnRawboolBinder de indtastede tegn uden skilletegnene.
StylestringIndlejret typografi, der tilføjes til rodelementet.
ValuestringAktuel værdi. Brug med @bind-Value.

Hændelser

HændelseTypeBeskrivelse
ValueChangedEventCallback<string>Udløses, når værdien ændres.

Pakke

MaskedInput er en del af RayCraft Free. Pakke: RayCraft.Blazor. Den hentes fra nuget.org. Se Kom i gang.