Validación de un formulario

Posted on Actualizado enn


Muchas veces, nos vemos en la necesidad de validar campos, y un ejemplo claro es cuando nos registramos en un sitio y debemos introducir algunos datos obligatorios, claro que la idea es que podamos hacer estas validacion en el cliente, asi evitamos ir hasta el servidor tan solo para verificar si el campo nombre ha sido llenado o no.

Para hacer dicha validación tenemos diferentes opciones, entre las cuales están el usar javascript, jquery y los controles de validación que trae asp.net los cuales vamos a usar para este ejemplo.

Primero diseñar un formulario de contacto bastante simple, con el nombre, apellido, email, ciudad y pais, ademas que tendremos dos botones, uno para enviar y el otro para limpiar los campos.

Ahora dentro del toolbox, tenemos una categoria llamada validación, con mas o menos 6 diferentes objetos, en el ejemplo necesitamos usar  el RequiredFieldValidator, el cual nos ayudara a determinar si un campo esta en blanco o no.

Bien, por cada campo obligatorio que vamos a tener, se debe disponer de un RequireFieldValidator, las propiedades que vamos a usar son:

  • ErrorMessage: Texto de información que se muestra cuando el campo a validar se encuentra vacío.
  • ControlToValidate: ID del control que vamos a validar.

Esas son las dos propiedades que debemos utilizar, como vemos es bastante simple.

Por defecto todo boton dentro de la pagina ocasinara que se realize la validación de los campos, si tenemos algun boton que no deba realizar dicha validación solo debemos establecer la propiedad CausesValidation=”false” y ya el boton funcionará normalmente.

Descarga el ejemplo !!

2 comentarios sobre “Validación de un formulario

    […] adicionalmente usaremos algunos validadores que ofrece ASP.NET (si no los conoces revisa este post), entonces el sencillo código que necesitamos […]

    […] adicionalmente usaremos algunos validadores que ofrece ASP.NET (si no los conoces revisa este post), entonces el sencillo código que necesitamos […]

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s