Repotenciando el control CustomerValidator mediante el uso de ASP.NET AJAX

published

8/13/2008 11:46:23 PM

by

Manuel Fernando

Los controles de validación son muy importantes porque evitan que los usuarios envíen datos no validos a las tablas de las bases de datos o procesos que se realicen con estos. Uno de los controles más importantes y usados es el del campo requerido RequiredFieldValidator, el control de validación personalizado CustomValidator es un control muy importante porque nos permite validar datos de forma personalidad como verificación en una base de datos entre otras cosas. El principal inconveniente con este control es que se debe realizar un postback al servidor para realizar la validación, aunque el control permite llamar a un script desde el lado del cliente para realizar una validación no es una completa solución alterna debido a que desde el script no se puede hacer llamadas a una base de datos.

En el siguiente fragmento de codigo se encuentra el el javascript para realizar la operación de validacion, este llama al metodo del fragmento anterior.

Para el CustomValidator llame a la funcion javascript este se debe colocar le nombre de la funcion en la porpiedad ClientValidationFunction y tanto como el button que hace el postback como cualquie control de validacion deben estar dentro del mismo grupo de validacion mediante la propiedad ValidationGroup.

Con la ayuda de asp.net Ajax se puede dar una solución a este inconveniente mediante el uso de llamados a métodos de página. Para este ejemplo he creado un fragmento de código desde el archivo de código de la pagina aspx o behind code que es el siguiente, es necesario que la propiedad EnablePageMethods del scriptmanager este establecida como true.

Cabe recordar que desde este fragmento de codigo se puede llamar a un procedimiento almacenado que compare el dato enviando contra una tabla y devolver el resultado que debe ser boleano(true/false) para el control CustomValidator y el metodo de pagina retorna true si el dato es valido de lo contrario retornara false que mostrar al usuario el mensaje de error.

Podemos observar la hora del sistema al momento de terminar el carge de pagina

Se ingreso un dato que no cuemple con la condición en el método de pagina que retorna false y muestra el mensaje de error y no se realizo ningun postback que se puede verificar al ver que la hora del sistema esta igual al momento del carge de pagina.

Al ingresar el dato que es valido en el método de pagina, este retorna true y permite la realización del postback y al terminar el carge de pagina la hora del sistema se actualiza.

Comments

re: Repotenciando el control CustomerValidator mediante el uso de ASP.NET AJAX

Enable at you profile Windows Live Messenger for Frameworkla.net

published 3/7/2009 5:37:51 AM by sanref

Manuel, muy bueno el post, descubri cosas nuevas gracias a él.
Solo tengo un problema. Yo lo implemente para verificar que un nombre de usuario de un sistema este disponible cuando se da el alta de un usuario (verifico en la BD si existe el nombre de usuario ingresado). El metodo web para esto (en el code behiend) me devuelve true o false pero el javascript sigue su curso despues de llamar a PageMethods.validar(args.Value, OnValidar) y siempre me termina devolviendo NULL la funcion validar (de javascript) ya que no espera al OnValidar.
Solucione esto agrehando un while en la funcion validar (de javascript) esperando que la variable "valido" deje de estar en null.
No se si habra alguna otra solucion para esto, si hay alguna mas eficiente, agradeceria que me la des.

re: Repotenciando el control CustomerValidator mediante el uso de ASP.NET AJAX

published 3/7/2009 6:17:57 PM by Manuel Fernando

Hola charly, me alegra que te allá servido mucho el post. para tu pregunta si hay una forma de manejar ese tipo de validación que es la siguiente:

var username = null;

function validatorUserName(source, args) {
PageMethods.VerificarUserName(args.Value, OnSuccessUserName);
args.IsValid = username;
}

function OnSuccessUserName(Result) {
username = Result;
if (username == false) {
$get("UserNameValidador").style.visibility = "visible";
}
else {
$get("UserNameValidador").style.visibility = "hidden";
}
}

UserNameValidador es una etiqueta html tipo A

Para este tipo de validaciones te recomiendo que las coloques al principio del formulario de registro, para que se realize la validacion al perder el foco sobre el control a validar y no se necesite realizar un segundo clic sobre el boton que se realize la operación.

porfa comenta como te fue!

un saludo, especial

MANUEL FERNANDO

re: Repotenciando el control CustomerValidator mediante el uso de ASP.NET AJAX

Enable at you profile Windows Live Messenger for Frameworkla.net

published 3/9/2009 1:51:47 PM by sanref

Manuel, gracias por contestar.
Sigo sin poder hacer funcionar esto. Tal vez no entendi tu explicacion.
Sigo teniendo el mismo problema ya que inmediatamente despues de llamar a "PageMethods.VerificarUserName", el "args.IsValid" devuelve el valor de "username" (en tu nuevo ejemplo), que es NULL; no espera a que la funcion "OnSuccessUserName" cambie el valor de "username".
No entendi porque pones una etiqueta HTML tipo A, talvez ahi esta mi error.
Implemente exactamente el codigo que me pasaste (etiqueta HTML tipo A incluida) y siempre me salta el CustomerValidator ya que recibe NULL de la funcion "validatorUserName".

Para colmo, la solucion que tenia antes dejo de funcionar. Habia puesto entre el "PageMethods.VerificarUserName" y el "args.IsValid" un while verificando que "username" sea NULL, en el momento que deje de serlo, se sale del while y el "args.IsValid" devuelve el valor establecido en "OnSuccessUserName". Esto ya no funciona, se clava la pagina y tengo que detener la depuracion.

Sigo investigando el tema; cualquier novedad la comentare aqui

Saludos

re: Repotenciando el control CustomerValidator mediante el uso de ASP.NET AJAX

published 3/12/2009 8:28:10 AM by Manuel Fernando

Hola Charly, que pena contestarte hasta hoy pero he estado algo ocupado.

Bueno args.IsValid = username lo asigno de esta manera ya que args.IsValid tendra el valor por referencia de username, recuerda que la invocacion del PageMethods se ejecutan asincronicamente. por esta razón es que lo hago asi. Por otra parte remueve cualquier contenido de las propiedades Text, ErrorMesssage del control CustomError ya que aunque se ejecute la validacion en muchas ocasiones el control no muestra los mensajes. Por esta razón utilizo una etiqueta HTML tipo a.

Procura colocar el TextBox que recibe esta validacion al principio del formulario de solicitud. ya que los controles de validacion validan al momento de que el control pierde el foco de entrada.

De esta manera al momento que el usuario le da clic al siguiente TextBox inicia la validacion personalizada. si colocas al final este TextBox tienes que realizar dos veces clic en el button que hace el registro por ejemplo. porque este comportamiento. Esto se comporta asi ya en el primer clic se pierde el foco y se valida como el button esta dentro del grupo de validacion no genera ninguna invocacion. y en el segundo clic ya si se genera el proceso porque ya validaron todos controles de validación.

cualquier cosa si quieres envia el contenido html que tienes y miramos a ver que puede estar pasando.

saludos,

MANUEL FERNANDO

re: Repotenciando el control CustomerValidator mediante el uso de ASP.NET AJAX

Enable at you profile Windows Live Messenger for Frameworkla.net

published 2/11/2010 11:47:38 AM by harq

He probado el codigo y funciona, pero en google chrome siempre se dispara el validador, hay que dar dos veces click. que solucion hay para esto , he probado varias cosas pero sin exito

Add a comment