MaskedInput

Free

Campo de texto que da formato a lo que se escribe según una máscara: 0 es un dígito, a es una letra, * es una letra o un dígito y cualquier otro carácter es un separador fijo (escape un carácter de máscara con una barra invertida). La parte fija se agrega por usted (escribirla usted mismo también se acepta). El valor solo se acepta cuando la máscara está completa. Preset ofrece máscaras ya hechas con comprobaciones (Date, Time, CreditCard con la comprobación de Luhn) y Pattern agrega una expresión regular con la que debe coincidir el valor terminado.

Ejemplo

Parámetros

Parámetro	Tipo	Descripción
`Class`	`string`	Clases CSS adicionales que se agregan al elemento raíz.
`Disabled`	`bool`	Desactiva la interacción.
`DisplayName`	`string`	Nombre usado en los mensajes de validación.
`HelperText`	`string`	Indicación que se muestra bajo el campo.
`Label`	`string`	Texto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia).
`Mask`	`string`	Patrón: 0 dígito, a letra, * letra o dígito; los demás caracteres son literales.
`Pattern`	`string`	Expresión regular con la que debe coincidir el valor terminado.
`PatternMessage`	`string`	Texto de error cuando Pattern no coincide.
`Placeholder`	`string`	Marcador de posición que se muestra cuando el campo está vacío.
`Preset`	`MaskPreset`	Máscara ya hecha con validación: Date, Time o CreditCard. Mask la reemplaza.
`ReadOnly`	`bool`	Muestra el valor pero no permite cambios.
`ReturnRaw`	`bool`	Vincula los caracteres escritos sin los separadores.
`Style`	`string`	Estilo en línea agregado al elemento raíz.
`Value`	`string`	Valor actual. Úselo con @bind-Value.

Eventos

Evento	Tipo	Descripción
`ValueChanged`	`EventCallback<string>`	Se genera cuando cambia el valor.

Paquete

MaskedInput forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.

Enviar comentariosVersión 1.0.3