Bootstrap 表单验证 表单验证是很常见的功能，Bootstrap提供发很多表单验证的样式，比如说文本、标签、按钮都有success、info、warning、danger几种样式来可以在表单验证时用派上用场。如果熟悉Bootstrap JavaScript插件，甚至还可以使用警告框（Alert）、弹出框（Popover）、模态框（Modal）来实现表单验证。

自定义 AngularJS 表单验证方式 AngularJS 做输入验证很方便，多数情况下只有当用户改变输入表单值时才进行输入验证。但我们的新需求是不仅改变时进行验证，而且在失去焦点时也要验证。一旦表单项验证不通过，将会在表单项四围显示红色错误边框，并且在其下方还会显示红色错误文字，甚至连表单项对应的标签也会显示成红色。想一想怎样来实现。

AngularJS表单的错误处理 我们已经讲解能在在表单层面检验的多种类型验证，但个别字段呢？在前面的示例中，我们确保输入字段都是必填字段，username 的最小长度是 4 个。我们还能做什么？表 4-2 包含了 AngularJS 的一些内置验证。

AngularJS 表单验证及状态 我们已经知道如何创建表单，并激活（使用）数据绑定来实现数据和用户界面的输入输出。现在让我们看看在处理表单尤其验证各种状态的表单和输入时，AngularJS 怎样还能让我们受益：

使用 AngulaerJS 表单 当我们在 AngularJS 中处理表单，大量使用 ng-model 指令让数据输入输出到表单。除了数据绑定，也推荐用这种方式设计模型和绑定来简化代码。让我们看一个例子：