Desarrollo de Aplicaciones Web con AngularJS y Validación de

FormulariosChristian Portilla Pauca

Contenidos

Validación de formulariosEntrada requeridaEntrada tipo EmailEstado de Formulario y el estado de Entrada de

datosCSS ClassesValidación especifica

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

Entrada requerida

Se Usa validación con el atributo required en HTML5

<input type="text" name="nombre" required>

Entrada Email

Se usa el type email en HTML5

<input type="email" name="email">

Estado de Formulario y el estado de Entrada de datosAngularJS es constantemente actualizado el

estado en formulario o entradas.Se puede usar los estados para mostrar

mensajes al usuario.

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

CSS Classes

ng-untouched ng-touched ng-pristine ng-dirty ng-valid ng-invalid ng-valid-key ng-invalid-key

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

Fin

Mail: xhrist14n@gmail.comBlog: http://javascriptx.wordpress.comSite: www.christianportilla.comVideo:

https://www.youtube.com/watch?v=gRYe5Xh1q_o