AngularJS学习笔记五 表单校验

1.    AngularJS框架会自动为from标签添加一些CSS样式，对于这些CSS样式，AngularJS在作用域中会维护一个状态属性与之对应。

    CSS样式：ng-valid;    ng-invalid;    ng-pristine;    ng-dirty;    ng-touched;    ng-untouched;    ng-empty;

    对应的状态属性：$valid;    $invalid;    $pristine;    $dirty;    $touched;    $untouched;    $empty;

    required：必填项；

    ng-maxlength：最大长度；

    ng-minlength：最小长度；

    ng-pattern：匹配模式；

    type=“email”/"number"/"url"/"text"

    可以使用AngularJS框架中和表单相关的$error对象的属性值判断哪个条件不满足。

    <span ng-show="user.email.$error.required">内容不能为空</span>

2.ngMessage模块

    ngMessage模块的主要作用是对以上错误提示信息展示功能进行增强。

    引入：<script src="/angular-message.js"></script>

    添加依赖：angular.module("modulename",['ngMessage']);

    使用：<div ngMessage="from.user.$error">

                    <div ng-message="required">email地址不能为空</div>

                </div>

3.控制器的另外一种定义的方式：

    app.controller("controllername",[服务1，服务2...，function(服务1，服务2...){}])；