Hola gente buenos días, continuando con el ejemplo anterior, vamos a validar nuestros campos de ingreso que son el nombre, apellido y edad. En éste ejemplo vamos  a usar las validaciones de Jquery.

Paso 01: Primero agregamos a nuestra carpeta Scripts un nuevo “js“, que es el “jquery.validate.js”

Paso 02: Referenciamos en nuestra página la clase “jquery.validate.js“

Paso 03: En la clase “wf_Person.js” agregaremos el código para validar los controles de ingreso.

1: $(#IDdelForm).validate, Acá mencionames el form donde se encuentran los controles a validar

2: Acá estamos validando el “txtNombre” para que sea obligatorio (por eso le ponemos “required:true“) y como mínimo 2 caracteres (minlength:2). Lo mismo hacemos para el “txtApellido”.

3: Acá estamos validando el “txtEdad” para que sea obligatorio (por eso le ponemos “required:true“) y para que solo acepte numeros (number:true)

4: Acá pondremos los mensajes que aparecerán en caso en caso halla algún error, por ejemplo para el “txtNombre” para el “required” en caso no escriba nada aparecerá un mensaje “Debe ingresar su                   nombre”, lo miSmo sucederá si ponemos un nombre de un caracter.

5: Acá pondremos los mensajes para el “txtEdad” apareceran mensajes en caso no escriba algun valor o en caso no escriba un número.

Paso 04: Pondremos un condicional antes de realizar el método ”getDataPerson“, por eso el “valid” debe ser “true“, con eso nos cercioramos que los campos a ingresar son correctos.

Paso 05: Corremos nuestra aplicación

Paso 06: Damos click en el botón ”Registrar” y notarán que nos aparecen los mensajes de error:

Paso 07: Llenamos correctamente y damos click en “Registrar”

→ Entradas Relacionadas:

1. Visual Studio 2010 – Callback – Jquery
2. Tutorial: EasyCallback – Jquery Autocomplete – Visual Studio 2010
3. GoogleMaps con Visual Studio 2008 (C#) – Parte 02
4. GoogleMaps con Visual Studio 2008 (C#) – Parte 01
5. Tutorial: Como implementar jQuery en VisualStudio 2008 (C#)