Angular 允许我们在表单上使用 HTML5 的验证属性来验证表单，比如 required ，minlength 或者 maxlength，另外 Angular 也会验证 input 元素的类型，email，url，date，number 等等 ... 在这些表单元素上面发生的错误，会放到 $error 的上面。

在使用 Angular 的验证表单功能之前，我们可以先关掉浏览器自带的验证功能，比如在这个 email 字段里面，先输入点内容，然后再按一下回车 ... 浏览器会自动验证我们填写的内容，这里会显示电子邮件地址里面要包含 @ 符号 ...

打开 index.html ，在这个表单上面，我们添加一个 novalidate ... 这样会关掉浏览器的验证功能，回到浏览器，输入点东西，再按一下回车 ... 虽然现在我们输入的是一个不合格的邮件地址，浏览器也不会有任何的提示，因为我们关掉了它本身的验证功能。

<form name="userForm" novalidate>

注意在下面输出的 userForm 里面，$error 这个属性里会包含表单里面验证出来的不合格的东西，现在这里有一个 email ，表示 email 这个验证规则，在这里会有一个出现错误的表单元素，$name 就是这个元素的名字，就是表单里面的 userEmail 这个字段出现了错误 ...

我们再找到下面的 userEmail ... 在它里面，也会包含一个 $error ， 你会看到现在 email 的值是 true ，表示这个元素里的内容不符合 email 这个验证规则。 下面，我们可以再输入一个正确的 email 地址 ...

现在， 这里的 $error 里面就没有东西了，说明所有的表单元素都验证通过 ... 下面 userEmail 里面的 $error 也没有东西，表示这个元素现在符合所有的验证的要求。