MaskedInput

Free

Campo de texto que formata o que você digita por uma máscara: 0 é um dígito, a é uma letra, * é uma letra ou dígito, qualquer outro caractere é um separador fixo (escape um caractere de máscara com uma barra invertida). A parte fixa é adicionada para você (digitá-la também é aceito). O valor só é aceito quando a máscara está completa. Preset dá máscaras prontas com verificações (Date, Time, CreditCard com a verificação de Luhn), e Pattern adiciona uma expressão regular com a qual o valor concluído deve corresponder.

Exemplo

Parâmetros

Parâmetro	Tipo	Descrição
`Class`	`string`	Classes CSS extras adicionadas ao elemento raiz.
`Disabled`	`bool`	Desativa a interação.
`DisplayName`	`string`	Nome usado nas mensagens de validação.
`HelperText`	`string`	Dica mostrada abaixo do campo.
`Label`	`string`	Texto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta).
`Mask`	`string`	Padrão: 0 dígito, a letra, * letra ou dígito; os demais caracteres são literais.
`Pattern`	`string`	Expressão regular com a qual o valor concluído deve corresponder.
`PatternMessage`	`string`	Texto de erro quando Pattern não corresponde.
`Placeholder`	`string`	Texto de exemplo mostrado quando o campo está vazio.
`Preset`	`MaskPreset`	Máscara pronta com validação: Date, Time ou CreditCard. Mask a substitui.
`ReadOnly`	`bool`	Mostra o valor mas não permite alterações.
`ReturnRaw`	`bool`	Vincula os caracteres digitados sem os separadores.
`Style`	`string`	Estilo embutido adicionado ao elemento raiz.
`Value`	`string`	Valor atual. Use com @bind-Value.

Eventos

Evento	Tipo	Descrição
`ValueChanged`	`EventCallback<string>`	Gerado quando o valor muda.

Pacote

MaskedInput faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.

Enviar feedbackVersão 1.0.3