MaskedInput

Free

Champ de texte qui met en forme la saisie selon un masque : 0 est un chiffre, a une lettre, * une lettre ou un chiffre, tout autre caractère est un séparateur fixe (échappez un caractère de masque avec une barre oblique inverse). La partie fixe est ajoutée pour vous (la saisir soi-même est aussi accepté). La valeur n'est acceptée que lorsque le masque est complet. Preset fournit des masques prêts avec vérifications (Date, Time, CreditCard avec la vérification de Luhn), et Pattern ajoute une expression régulière que la valeur terminée doit respecter.

Exemple

Paramètres

Paramètre	Type	Description
`Class`	`string`	Classes CSS supplémentaires ajoutées à l'élément racine.
`Disabled`	`bool`	Désactive l'interaction.
`DisplayName`	`string`	Nom utilisé dans les messages de validation.
`HelperText`	`string`	Indication affichée sous le champ.
`Label`	`string`	Texte d'étiquette visible (graphiques : nom accessible ; IconButton : nom accessible et info-bulle).
`Mask`	`string`	Motif : 0 chiffre, a lettre, * lettre ou chiffre, les autres caractères sont littéraux.
`Pattern`	`string`	Expression régulière que la valeur terminée doit respecter.
`PatternMessage`	`string`	Texte d'erreur quand Pattern ne correspond pas.
`Placeholder`	`string`	Texte indicatif affiché quand le champ est vide.
`Preset`	`MaskPreset`	Masque prêt à l'emploi avec validation : Date, Time ou CreditCard. Mask le remplace.
`ReadOnly`	`bool`	Affiche la valeur mais n'autorise pas de modification.
`ReturnRaw`	`bool`	Lie les caractères saisis sans les séparateurs.
`Style`	`string`	Style en ligne ajouté à l'élément racine.
`Value`	`string`	Valeur actuelle. À utiliser avec @bind-Value.

Événements

Événement	Type	Description
`ValueChanged`	`EventCallback<string>`	Déclenché quand la valeur change.

Paquet

MaskedInput fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.

Envoyer un retourVersion 1.0.3