Este documento describe cómo validar formularios en AngularJS. Explica cómo usar validaciones como "requerido" y "tipo correo electrónico", y cómo AngularJS monitorea el estado del formulario y los campos. También cubre las clases CSS que AngularJS aplica para indicar estados como "válido" o "inválido", y cómo crear validaciones personalizadas.

1. Desarrollo de Aplicaciones
Web con AngularJS y
Validación de Formularios
Christian Portilla Pauca

2. Contenidos
 Validación de formularios
 Entrada requerida
 Entrada tipo Email
 Estado de Formulario y el estado de Entrada de
datos
 CSS Classes
 Validación especifica

3. Validación de formularios
 AngularJS ofrece validación de formularios del
lado cliente.
 AngularJS monitoriza el estado del formulario y
los campos de entrada
 AngularJS también puede tomar la información
de eventos y estados

4. Entrada requerida
 Se Usa validación con el atributo required en
HTML5
 <input type="text" name="nombre" required>

5. Entrada Email
 Se usa el type email en HTML5
 <input type="email" name="email">

6. Estado de Formulario y el estado de Entrada
de datos
 AngularJS es constantemente actualizado el
estado en formulario o entradas.
 Se puede usar los estados para mostrar
mensajes al usuario.

7. Estado de Formulario y el estado de Entrada
de datos
$untouched El campo no fue usado todavía.
$touched El campo fue usado
$pristine El campo no fue modificado
$dirty El campo fue modificado
$invalid El contenido del campo no es valido
$valid El contenido del campo es valido

8. CSS Classes
 ng-untouched
 ng-touched
 ng-pristine
 ng-dirty
 ng-valid
 ng-invalid
 ng-valid-key
 ng-invalid-key

9. Validación especifica
 Crear tu propia función de validación es un poco
mas complejo.
 Se tiene que añadir una nueva directiva para tu
aplicación, y tratar de validar

10. Fin
 Mail: xhrist14n@gmail.com
 Blog: http://javascriptx.wordpress.com
 Site: www.christianportilla.com
 Video:
https://www.youtube.com/watch?v=gRYe5Xh1q
_o