AngularJS 是一个强大的前端JavaScript框架，它提供了丰富的功能来构建交互式Web应用程序。在开发过程中，数据验证是非常关键的一环，因为我们需要确保用户输入的数据符合我们的业务规则和安全要求。AngularJS 提供了内置的机制来进行输入验证，使得在客户端就可以实时检查用户输入的有效性。
在AngularJS中，输入验证主要是通过表单（`<form>`）和控件（如`<input>`）的属性以及特定指令来实现的。例如，`required`属性用于确保字段必须包含非空值，`type="email"`则会检查输入是否符合电子邮件格式。
以下是一些重要的AngularJS输入验证概念：
1. **ngModel**: 这个指令将HTML表单控件与应用程序的模型数据绑定。在上面的示例中，`ng-model="user"`和`ng-model="email"`分别将输入框与`$scope`对象的`user`和`email`属性关联起来。
2. **$dirty**、**$valid**、**$invalid** 和 **$pristine**：这些都是模型对象（在本例中是`myForm`）的属性，它们反映了表单或字段的状态。
- `$dirty`：如果用户已经修改过表单字段，该属性为`true`。
- `$valid`：如果表单字段的所有验证都通过，该属性为`true`。
- `$invalid`：如果表单字段至少有一个验证失败，该属性为`true`。
- `$pristine`：如果用户尚未修改过表单字段，该属性为`true`。
3. **ngShow 和 ngHide**：这两个指令用来控制元素的可见性。在示例中，当输入字段`$invalid`且`$dirty`时，错误提示信息才会显示。
4. **自定义验证器**: AngularJS 允许你创建自定义验证器，通过使用`ngPattern`、`ngMinlength`、`ngMaxlength`等内置指令，或者通过注册`$validators`和`$asyncValidators`对象到表单控制器。
5. **服务器端验证**: 尽管AngularJS提供了客户端验证，但为了数据安全，服务器端验证仍然是必不可少的，因为它可以防止恶意用户绕过客户端验证。
6. **表单提交**: 在示例中，`<input type="submit">`的`ng-disabled`属性使用了`$invalid`和`$dirty`状态，只有当所有必填字段都有效时，提交按钮才会启用。
7. **novalidate 属性**: 添加在`<form>`标签上的`novalidate`属性是为了禁用浏览器的默认HTML5表单验证，让AngularJS完全控制验证过程。
AngularJS 的输入验证机制允许开发者轻松地集成验证逻辑到Web应用中，提供用户友好的反馈，并且可以自定义以满足各种复杂的验证需求。通过掌握这些核心概念，开发者能够构建出健壮、用户体验良好的动态Web应用。
