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 ) Number (Validación de números) Date (Validación de fechas) Time (Validación de hora)

9 - Sólo un carácter numérico

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

/ - El separador de fecha

: - 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 Usen caracteres por defecto.

ErrorTooltipCssClass Mensaje de utilización de la herramienta

ErrorTooltipEnabled Mensaje de utilización de la herramienta cuando el mouse este sobre el TextBox

Filtered Caracteres de validar en la máscara tipo ¨C¨ (mayúsculas y minúsculas)

InputDirection Caracteres de validar en la máscara tipo ¨C¨ (mayúsculas y minúsculas)

InputDirection Dirección del texto

MessageValidatorTip Message displayed when editing in TextBox

PromptChararacter Caracteres no especificados en la mascara

UserDateFormat Formato de Fecha

UserTimeFormat Formato de Tiempo

OnFocusCssClass CSS clase usada cuando el foco está en el TextBox

OnFocusCssNegative CSS clase usada cuando el foco está en el TextBox y además es negativa

ErrorTooltipCssClass CSS clase usada cuando el texto es invalido

CultureName Especifica el tipo de cultura

CultureAMPMPlaceholder Especifica el tipo de cultura

CultureCurrencySymbolPlaceholder Especifica el tipo de cultura

CultureDatePlaceholder 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: