需求
-
Name 必填
-
Username 非必填,最小长度3,最大长度8
-
Email 非必填,但必须是合法的email
-
验证未通过的表单不能提交
-
显示一个必填或者非法email格式的错误信息
-
如果正确提交就弹出一个祝贺信息
现在知道我们的目标了吧,让我们一起来构建这个东西吧.
Angular 的表单属性 $valid, $invalid, $pristine, $dirty
Angular 提供了有关表单的属性来帮助我们验证表单. 他们给我们提供了各种有关一个表单及其输入的信息,并且应用到了表单和输入.
Angular 也提供了有关表单及其输入框的类,以便你能够依据每一个状态设置其样式.
原文地址:https://www.oschina.net/translate/angularjs-form-validation