Validaciones

Pgina 1
VALIDANDO CONTROLES DE ENTRADA DE

FORMULARIOS
Introduccin
El Framework de Formularios Web incluye un conjunto de controles de servidor de

validacin que proporcionan una forma sencilla pero poderosa de comprobar los
formularios de entrada en busca de errores y, si es necesario, mostrar mensajes al
usuario.
Podemos "ligar" ms de un control de validacin a un control de entrada. Por ejemplo,
podramos especificar tanto que un campo es obligatorio y que debe contener un rango
especfico de valores.
Los controles de validacin trabajan un limitado subconjunto de controles de servidor
HTML y Web. Para cada control, una propiedad especfica contiene el valor que se
validar. La siguiente tabla muestra los controles de entrada que pueden ser validados.
Taller de Programacin Web

Pgina 2
Tipos de control de validacin:

El formulario de validacin ms sencillo es un campo obligatorio. Si el usuario introduce
un valor en el campo, es vlido. Si todos los campos de la pgina son vlidos, la pgina
es vlida.
<html>
<head>
<script language="C#" runat=server>
void ValidateBtn_Click(Object Sender, EventArgs E) {
if (Page.IsValid == true) {
lblOutput.Text = "Page is Valid!";
} else {
lblOutput.Text = "Algunos Campos Requeridos
estn vacos";
}
}
</script>
</head>
<body>
<h3><font face="Verdana">Simple RequiredField
ValidatorSample</font></h3>
<form runat="server">
<table bgcolor="#eeeeee" cellpadding=10>
<tr valign="top">
<td colspan=3>
<asp:Label ID="lblOutput" Text="Rellena los campos
siguientes " ForeColor="red" runat=server /><br>
</td>
</tr>
<tr>
<td align=right>
<font face=Verdana size=2>Card Type:</font>
</td>
<td>
<ASP:RadioButtonList id=RadioButtonList1
RepeatLayout="Flow" runat=server>
<asp:ListItem>MasterCard</asp:ListItem>
<asp:ListItem>Visa</asp:ListItem>
Pgina 3
</ASP:RadioButtonList>
</td>
<td align=middle rowspan=1>
<asp:RequiredFieldValidator id="RequiredFieldValidator1"
ControlToValidate="RadioButtonList1" Display="Static"
InitialValue="" Width="100%" runat=server>*
</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align=right>
<font face=Verdana size=2>Card Number:</font>
</td>
<td>
<ASP:TextBox id=TextBox1 runat=server />
</td>
<td>
<asp:RequiredFieldValidator id="RequiredFieldValidator2"
ControlToValidate="TextBox1" Display="Static" Width="100%"
runat=server>*
</td>
</tr>
<tr>
<td></td>
<td>
<ASP:Button id=Button1 text="Validate"
OnClick="ValidateBtn_Click"
runat=server />
</td>
</tr>
</table>
</form>
</body>
</html>

Pgina 4
Tambin hay controles de validacin para tipos especficos de validacin, cmo control de
rango o coincidencia con un patrn.

Pgina 5
Tipos de control de validacin:

Los controles de validacin siempre realizan la comprobacin de validacin en el servidor.
Tambin tienen una implementacin completa en el cliente que permite a los exploradores
compatibles con DHTML realizar la validacin en el cliente. La validacin en el cliente
mejora el proceso de validacin ya que se comprueban los datos proporcionados por el
usuario antes de enviarlos al servidor. De este modo se pueden detectar los errores en el
cliente antes de enviar el formulario y se evita la accin de ida y vuelta de la informacin
necesaria para la validacin en el servidor.
Si cualquiera de los validadores encuentra un error, el envo del formulario al servidor se
cancela y se muestra la propiedad Text del validador.
Esto permite al usuario corregir la entrada antes de enviar el formulario al servidor. Los
valores de los campos se revalidan cuando el campo que contena el error pierde el foco,
proporcionando as una experiencia rica e interactiva de validacin al usuario.

Pgina 6
El Framework de Pginas de Formularios Web siempre realiza la validacin en el servidor,

incluso cuando ya se ha hecho en el cliente. Esto nos ayuda a impedir que los usuarios
puedan saltarse la validacin hacindose pasar por otro usuario o una transaccin
previamente aprobada.
La validacin del lado del cliente est permitida por defecto. Para deshabilitar la validacin
del lado del cliente, estableceremos la propiedad ClientTarget de la pgina a
"Downlevel" ("Uplevel" fuerza la validacin del lado cliente). De forma alternativa,
podemos establecer la propiedad EnableClientScript de un control de validacin a
"false" para deshabilitar la validacin del lado cliente para dicho control.
Mostrando Errores de Validacin:

Despus de procesarse todos los controles de validacin, la propiedad IsValid de la
pgina se establece; si alguno de los controles muestra un fallo de validacin, la pgina
entera se marca como invlida (Page.IsValid).
Si un control de validacin da un error, dicho control mostrar un mensaje de error en la
pgina o en un control ValidationSummary. El control ValidationSummary se muestra
cuando la propiedad IsValid de la pgina est establecida a "false". Sondea el resto de
controles de validacin de la pgina y agrega el texto que cada uno muestra. En el
siguiente ejemplo vemos cmo mostrar errores con un control ValidationSummary.
<asp:ValidationSummary ID="ValidationSummary1" runat="server"

Font-Names="Arial" HeaderText="Por favor corrija los siguientes
errores:" />

Pgina 7
Trabajando con CompareValidator:

Compara los valores de dos controles. Utiliza tres propiedades clave para realizar su
validacin. ControlToValidate y ControlToCompare contienen los valores a comparar.
Operator define el tipo de comparacin a realizar (por ejemplo Igual o Diferente).
Podemos especificar opcionalmente la propiedad ValueToCompare para realizar la
comparacin con un valor esttico, en lugar de ControlToCompare.
El control de servidor CompareValidator tambin puede utilizarse para realizar la
validacin de Datatype (type=Date).
Por ejemplo, si la informacin de la fecha de nacimiento se tiene que recoger de la pgina
de registro del usuario, el control CompareValidator se puede utilizar para asegurarnos
que la fecha tiene un formato reconocido, antes de que se enve a la base de datos.
<asp:CompareValidator ID="CompareValidator1" runat="server"
ControlToValidate="TextBox1" ErrorMessage="Error de validacin"
Type="Date">
</asp:CompareValidator>
Trabajando con RangeValidator:

El control de servidor RangeValidator comprueba si un valor de entrada se encuentra
dentro de un determinado rango. RangeValidator utiliza tres propiedades clave para
realizar su validacin. ControlToValidate contiene el valor a validar. MinimumValue y
MaximumValue definen los valores mnimo y mximo del rango vlido.
Trabajando con Expresiones Regulares:

Comprueba que una entrada coincida con un determinado patrn definido por una
expresin regular. Este tipo de validacin nos permite comprobar secuencias predecibles
de carcteres, como nmeros de la seguridad social, direcciones de e- mail, nmeros de
telfono, cdigos postales, etc.
Dos propiedades clave para realizar la validacin: ControlToValidate contiene el valor a
validar. ValidationExpression contiene la expresin regular con la que tiene que coincidir.
Sintaxis Expresiones Regulares
* cero o ms ocurrencias del carcter o expresin anterior.
+ una o ms ocurrencias.

Pgina 8
() agrupa una subexpresin que se trata como un nico elemento.
| Cualquiera de las dos partes (OR)
[ ] se corresponde con un carcter en un intervalo de caracteres vlidos [a-c]
[^] se corresponde con un carcter que NO est en un intervalo dado [^a-b]
. cualquier carcter excepto el salto de lnea
\s carcter de espacio en blanco (ej. tab o espacio)
\S cualquier carcter no espacio
\d cualquier carcter numrico
\D cualquier carcter no dgito
\w cualquier carcter alfanumrico (letra, nmero o carcter de subrayado)
Ejemplos:
1. /\(? (\d{3})? \)? (?(1) [\-\s] ) \d{3}-\d{4}/x Obtener todos los nmeros
telefnicos de un segmento de texto.
2. /(<([\w]+)[^>]*>)(.*)(<\/\\2>)/ Encontrar etiquetas HTML coincidentes.
3. /[\w-\.]+@([\w-]+\.)+[\w-]{2,4}/ Valida cuentas de correo electrnico
4. /[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/ Valida una cuenta de correo.

Comprueba que delante del signo @ haya al menos 3 caracteres.
5. /<a href=\s*([^\s]*)\s*>/m Enlaces de una en un fichero HTML.
Realizando Validacin Personalizada (CustomValidator)
Llama a una funcin definida por el usuario para realizar validaciones que los validadores
estndar no pueden llevar a cabo.
La funcin personalizada se puede ejecutar en el servidor o en un script del lado del

cliente, por ejemplo JScript o VBScript.
Para la validacin personalizada en el lado del cliente, el nombre de la funcin debe

definirse en la propiedad ClientValidationFunction. Dicha funcin debe tener la forma
Pgina 9
function myvalidator(source, arguments) donde source es el objeto CustomValidator

del lado cliente, y arguments es un objeto con dos propiedades, Value y IsValid.
La propiedad Value es el valor que tendremos que validar y la propiedad IsValid es un

Boolean en el que se devolver el resultado de la validacin.
Para validacin personalizada del lado del servidor, tendremos que poner nuestra
validacin en el delegado de OnServerValidate del validador.
protected void CustomValidator1_ServerValidate(object source,

ServerValidateEventArgs valor){
int num;
// Nmero par?
if (int.TryParse(valor.Value, out num))
{
valor.IsValid = (num % 2 == 0);
}
else
{
valor.IsValid = false;
}
}
<asp:CustomValidator ID="CustomValidator1" runat=server"

ClientValidationFunction="js_par" ControlToValidate="TextBox1"
ErrorMessage="Numero impar!!
onservervalidate=CustomValidator1_ServerValidate">
</asp:CustomValidat or>
function js_par() {
alert("alerta");
}
ValidateEmptyText:
Podemos fijar esta propiedad a "true" para hacer que la validacin personalizada se
realice para valores de entrada vacos.

Pgina 10
Validation Groups:
La propiedad ValidationGroup se utiliza cuando el usuario quiere tener escenarios de

validacin diferentes en la misma pgina.
Estableceremos el nombre del grupo en el validador y en el botn o en otro control

"postback" que cause la validacin. Esto es til con controles Wizard, MultiView o
controles de datos (edicin). Por defecto, todos los validadores se encuentran en el grupo
"" (grupo por defecto), para compatibilidad haca atrs. Page nos proporciona adems los
mtodos GetValidators("group") y Validate("group"). Page.IsValid refleja la validez de
todos los controles (acumulativa) que han sido llamados a Validate.
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" Runat="server"

ValidationGroup="First"></asp:TextBox>
ValidationGroup="First"></asp:TextBox><br />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1"
Runat=serverValidationGroup=First
ErrorMessage=TextBox no Puede estar en blanco
ControlToValidate="TextBox1">
<asp:Button ID="Submit1" Runat="server" ValidationGroup="First"

Text="Submit 1/>

ValidationGroup="Second"></asp:TextBox>
ValidationGroup=Second"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2"
Runat="server" ErrorMessage=TextBox no Puede estar en blanco"
ControlToValidate="TextBox3"
ValidationGroup="Second">

Pgina 11
<asp:Button ID="Submit2" Runat="server" ValidationGroup="Second"

Text="Submit 2" />
</div>
</form>
</body>
SetFocusOnError:
Propiedad que se establece en controles de validacin y hace que el primer control

invlido reciba el foco.
Hipervnculos (control HyperLink )

Caractersticas :
Realiza una nueva solicitud en la pgina de destino.
No pasa la informacin de la pgina actual a la pgina de destino.
Requiere iniciacin por parte del usuario.
El redireccionamiento se produce a cualquier pgina, no slo a aqullas incluidas

en la misma aplicacin Web.
Permite compartir informacin entre las pginas utilizando una cadena de consulta
o el estado de sesin. (El permite crear cadenas de direcciones URL y de consulta
mediante programacin.)
Uso
Para la exploracin sin ningn procesamiento adicional, como en mens o listas de

vnculos.
Cuando el desplazamiento a otra pgina debe realizarse bajo el control del usuario.
Envo entre pginas (control Button + PostBackUrl tambin llamado Cross Post
Back)
Caractersticas
Pgina 12
Enva la informacin de la pgina actual a la pgina de destino.
Hace que la informacin del envo est disponible en la pgina de destino.
Requiere iniciacin por parte del usuario.
El redireccionamiento se produce a cualquier pgina, no slo a
aqullas incluidas en la misma aplicacin Web.
Permite que la pgina de destino lea las propiedades pblicas de la pgina de origen
cuando estas pginas estn en la misma aplicacin Web.
Hay que usar en pgina destino PreviousPage.IsValid
Uso
Para pasar la informacin de la pgina actual a la pgina de destino (como en los

formularios de varias pginas).
Cuando el desplazamiento debe realizarse bajo el control del usuario.
Redireccionamiento del explorador (HttpResponse.Redirect)

Caractersticas:
Realiza una nueva solicitud en la pgina de destino.
Pasa la cadena de consulta (querystring) a la pgina de destino.
Permite controlar dinmicamente y mediante programacin la direccin URL de

destino y la cadena de consulta.
Permite el redireccionamiento a cualquier pgina, no slo a aqullas incluidas en la

misma aplicacin Web.
Permite almacenar informacin de la pgina de origen en el estado de sesin antes

del redireccionamiento para compartirla con la pgina de destino.
Uso
Para la exploracin condicional, cuando desee controlar la direccin URL de

destino y cuando tenga lugar la exploracin. Por ejemplo, utilice esta opcin si la
aplicacin debe determinar a qu pgina debe desplazarse basndose en los datos
proporcionados por el usuario.
Pgina 13
Transferencia del servidor (Server.Transfer)

Caractersticas:
Transfiere el control a una nueva pgina que se representa en lugar de la

pgina de origen.
El redireccionamiento slo se produce a las pginas de destino que estn en

la misma aplicacin Web que la pgina de origen.
Permite leer los valores y las propiedades pblicas de la pgina de origen.
No actualiza la informacin del explorador con informacin sobre la pgina

de destino. Al presionar los botones para actualizar o retroceder del
explorador, se pueden producir resultados inesperados.
Uso
Para la exploracin condicional, cuando se desee controlar cundo tiene

lugar la exploracin y se desee obtener acceso al contexto de la pgina de
origen.
Esta opcin se recomienda en situaciones en las que la direccin URL est

oculta para el usuario.

Pgina 14
Prctica:
Antes de comenzar el ejercicio asegrate que tienes un botn de servidor
con
CausesValidation=true"
ValidationSummary
Aade un control de este tipo al final del documento.
RequiredFieldValidator
CompareValidator
Dos controles: comprobar que fecha de entrega es una fecha y que la
fecha de entrega alternativa es mayor que la fecha de entrega.
RangeValidator RegularExpressionValidator
El DNI responde al patrn NN.NNN.NNNL donde N es nmero y L es
letra.

Pgina 15
CustomValidator
Crea un control de servidor llamado consola y pinta al hacer click en el
botn el valor de Page.IsValid
protected void Button1_Click(object sender, EventArgs e)
{ consola.Text = "--->" + Page.IsValid.ToString();
Aunque en futuros temas ahondaremos en cmo hacer funciones vamos

a establecer una que valide cuando seleccionamos otros que sea
obligatorio insertar datos en la caja txtOtros. Importante: que considere
el texto vaco.
protected void ValidaOtros(object source,

ServerValidateEventArgs args) {
args.IsValid = true;
if (radTipo.SelectedValue == "Otros" &
txtOtros.Text.Length == 0)
{
args.IsValid = false;
}
A) Primero prueba con una funcin ValidaOtros usada para la parte

servidor.
B) Elimina la propiedad del botn PostBackUrl y prueba a hacerlo solo
desde una funcin javascript.
C) Junta ambas comprobaciones.

Validaciones

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Validaciones

Enviado por

Direitos autorais:

Formatos disponíveis

Pgina 1

VALIDANDO CONTROLES DE ENTRADA DE

El Framework de Formularios Web incluye un conjunto de controles de servidor de

Taller de Programacin Web

Tipos de control de validacin:

Taller de Programacin Web

Taller de Programacin Web

Tipos de control de validacin:

Taller de Programacin Web

El Framework de Pginas de Formularios Web siempre realiza la validacin en el servidor,

Mostrando Errores de Validacin:

<asp:ValidationSummary ID="ValidationSummary1" runat="server"

Taller de Programacin Web

Trabajando con CompareValidator:

Trabajando con RangeValidator:

Trabajando con Expresiones Regulares:

* cero o ms ocurrencias del carcter o expresin anterior.

Taller de Programacin Web

() agrupa una subexpresin que se trata como un nico elemento.

| Cualquiera de las dos partes (OR)

[ ] se corresponde con un carcter en un intervalo de caracteres vlidos [a-c]

[^] se corresponde con un carcter que NO est en un intervalo dado [^a-b]

. cualquier carcter excepto el salto de lnea

\s carcter de espacio en blanco (ej. tab o espacio)

\S cualquier carcter no espacio

\d cualquier carcter numrico

\D cualquier carcter no dgito

\w cualquier carcter alfanumrico (letra, nmero o carcter de subrayado)

2. /(<([\w]+)[^>]*>)(.*)(<\/\\2>)/ Encontrar etiquetas HTML coincidentes.

3. /[\w-\.]+@([\w-]+\.)+[\w-]{2,4}/ Valida cuentas de correo electrnico

4. /[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/ Valida una cuenta de correo.

5. /<a href=\s*([^\s]*)\s*>/m Enlaces de una en un fichero HTML.

Realizando Validacin Personalizada (CustomValidator)

La funcin personalizada se puede ejecutar en el servidor o en un script del lado del

Para la validacin personalizada en el lado del cliente, el nombre de la funcin debe

function myvalidator(source, arguments) donde source es el objeto CustomValidator

La propiedad Value es el valor que tendremos que validar y la propiedad IsValid es un

protected void CustomValidator1_ServerValidate(object source,

<asp:CustomValidator ID="CustomValidator1" runat=server"

Taller de Programacin Web

La propiedad ValidationGroup se utiliza cuando el usuario quiere tener escenarios de

Estableceremos el nombre del grupo en el validador y en el botn o en otro control

<asp:TextBox ID="TextBox1" Runat="server"

<asp:Button ID="Submit1" Runat="server" ValidationGroup="First"

<asp:TextBox ID="TextBox3" Runat="server"

Taller de Programacin Web

<asp:Button ID="Submit2" Runat="server" ValidationGroup="Second"

Propiedad que se establece en controles de validacin y hace que el primer control

Hipervnculos (control HyperLink )

Realiza una nueva solicitud en la pgina de destino.

No pasa la informacin de la pgina actual a la pgina de destino.

Requiere iniciacin por parte del usuario.

El redireccionamiento se produce a cualquier pgina, no slo a aqullas incluidas

Para la exploracin sin ningn procesamiento adicional, como en mens o listas de

Enva la informacin de la pgina actual a la pgina de destino.

Hace que la informacin del envo est disponible en la pgina de destino.

Requiere iniciacin por parte del usuario.

El redireccionamiento se produce a cualquier pgina, no slo a

aqullas incluidas en la misma aplicacin Web.

Hay que usar en pgina destino PreviousPage.IsValid

Para pasar la informacin de la pgina actual a la pgina de destino (como en los

Cuando el desplazamiento debe realizarse bajo el control del usuario.

Redireccionamiento del explorador (HttpResponse.Redirect)

2. /(<([\w]+)[^>]>)(.)(<\/\\2>)/ Encontrar etiquetas HTML coincidentes.

5. /<a href=\s([^\s])\s*>/m Enlaces de una en un fichero HTML.