MaskedEditExtender y

MaskedEditValidator
 MASKEDEDITEXTENDER

MaskedEdit es un control de ASP.NET AJAX que atribuye para un control TextBox para
restringir el tipo de texto que se puede introducir.

MaskedEdit aplica una "máscara" que acepta sólo unos ciertos tipos de
característica/texto.

Los formatos soportados son:

Número, Fecha, Tiempo, Fecha Hora.

MaskedEdit usa la configuración de cultura específica en la propiedad CultureName.

Si no se especifica la configuración de la cultura equivaldrá a la página: español (España).

Tipo de mascara Características

None(Ninguna validación ) 9 - Sólo un carácter numérico / - El separador de fecha

Number (Validación de
números)
Date (Validación de fechas)
Time (Validación de hora)
L - Sólo una carta
$ - Sólo una carta o un espacio
C - Sólo un carácter aduanero (el
caso sensitivo)
Uno - Sólo una carta o un carácter
aduanero
N - Sólo un carácter numérico o
aduanero
? - Cualquier carácter
: - Cronometre separador
. - El decimal separador
, - Mil el separador
\ - El carácter diferenciador
{ - El delimitador Inicial para la
repetición de máscaras
} - El delimitador Final para la
repetición de máscaras

Propiedad Descripción
AcceptAMPM Verdadero para exhibir un símbolo de / modulación de
fase AM
AcceptNegative Verdadero si el signo de menos (-) es admitido (None,
Left, Right)
AutoComplete Verdadero para automáticamente llenar en caracteres
vacíos de la máscara no especificó por el usuario
(MaskType=Number , MaskType=Time,
MaskType=Date, MaskType=DateTime)
AutoCompleteValue Usen caracteres por defecto.

Century Este se usa cuando la máscara tiene dos dígitos para el

año
ClearMaskOnLostFocus Limpiar la máscara cuando el foco se quite del TextBox
ClearTextOnInvalid Verdadero para descongestionar al TextBox cuando el
texto no válido es el que se ingreso
ClipboardEnabled Activado para copiar/pegar del portapapeles
ClipboardText
DisplayMoney Especifica el símbolo de moneda a mostrar
AutoCompleteValue
ErrorTooltipCssClass
ErrorTooltipEnabled
Filtered
InputDirection
InputDirection
MessageValidatorTip
PromptChararacter
UserDateFormat
UserTimeFormat
OnFocusCssClass
OnFocusCssNegative
ErrorTooltipCssClass
CultureName
CultureAMPMPlaceholder
CultureCurrencySymbolPlaceholder Especifica el tipo de cultura
CultureDatePlaceholder
Usen caracteres por defecto.
Mensaje de utilización de la herramienta
Mensaje de utilización de la herramienta cuando el
mouse este sobre el TextBox
Caracteres de validar en la máscara tipo ¨C¨
(mayúsculas y minúsculas)
Caracteres de validar en la máscara tipo ¨C¨
(mayúsculas y minúsculas)
Dirección del texto
Message displayed when editing in TextBox
Caracteres no especificados en la mascara
Formato de Fecha
Formato de Tiempo
CSS clase usada cuando el foco está en el TextBox
CSS clase usada cuando el foco está en el TextBox y
además es negativa
CSS clase usada cuando el texto es invalido
Especifica el tipo de cultura
Especifica el tipo de cultura
Especifica el tipo de cultura

MASKEDEDITEXVALIDATOR

• MaskedEditValidator es un validador aduanero que traba un embargo para el control

MaskedEdit y su TextBox asociado y comprueba que el texto de aporte corresponde al
patrón especificado en el control MaskedEdit.

• Una vez que se asocia con una validación el grupo, el servidor y la validación lateral en
cliente pueden ser realizados y usados para mostrar el mensajes.

Propiedad Descripción
ControlToValidate Identidad del texto a validar
ControlExtender ID del MaskedEditExtender adjuntado en el TextBox
AcceptAMPM Si o no aceptado AM/PM en el tiempo ( por defecto es
falso)
ClientValidationFunction El cliente usa el script para validar

InitialValue El valor inicial del TextBox

IsValidEmpty True if the TextBox can be empty
MaximumValue Máximo valor de ingreso
MinimumValue Mínimo valor de ingreso
ValidationExpression Expresión de validación
TooltipMessage El mensaje exteriorizado cuando el TextBox tiene
enfoque con un valor hueco
EmptyValueMessage El mensaje exteriorizado cuando se vacía y TextBox
tiene foco.
EmptyValueBlurredText El mensaje exteriorizado cuando se vacía y TextBox no
tiene foco
InvalidValueMessage El mensaje exteriorizado cuando inválido y TextBox
tiene enfoca
InvalidValueBlurredMessage El mensaje exteriorizado cuando inválido y TextBox
tiene enfoca
MaximumValueMessage El mensaje exteriorizado cuando inválido y TextBox
tiene enfoca
MaximumValueBlurredMessage El mensaje exteriorizado cuando inválido y TextBox
tiene enfoca
MinimumValueMessage El mensaje exteriorizado cuando inválido y TextBox
tiene enfoca
MinimumValueBlurredText Formato de Tiempo

EJEMPLO PRÁCTICO:

1.- Abrir Microsoft Visual Studio 2008.

2.- Crear un nuevo Sitio Web ASP.NET

Damos un nombre que tendrá el Sitio WEB ASP.NET

3.- Agregar un nuevo elemento (Web Form) a la página. Con nombre ejemplo.aspx
4.- Agregamos los controles que necesitaremos para el ejemplo de la Validación mediante
controles AJAX

- 4 TextBox normales de la barra estándar.

- 2 Label de la barra de estándar

- 1 ScriptManager: que es muy importante para los controles Ajax y se encuentra en la barra
de Extensiones AJAX

- 1 UpdatePanel también de la barra de Extensiones AJAX

- 4 MaskedEditValidator de la barra Ajax Toll Kit

- 4 MeskedEditExtender de la barra Ajax Toll Kit

Nota: para cada TextBox que utilizaremos necesitamos un MaskedEditExtender y un

MaskedEditValidator. El MaskedEditExtender lo insertamos en el código de la siguiente
manera:

5.- Para una mejor comprensión ponemos nombres a cada uno de los controles:
6.- Este es el código para la validación del ingreso de una cantidad y el formato en el que
queremos ingresar.
Ponemos el nombre del TextBox al que va ligado

Formato que queremos que ingrese

Formato de ingreso puede ser fecha: fecha Hora números

El MaskedEditValidator: va ligado a un TextBox y a un Control

Extender

Controlamos que valor mínimo y máximo debe ingresar y los

mensajes de errores

Ponemos un control CalendarExtender y asociamos a TextBox

donde queremos que se despliegue al calendario.
7.- En el botón ponemos el siguiente código para que despliegue unos mensajes:

Obtenemos como resultado: