(编辑：jimmy 日期: 2024/10/3 浏览：2)
AngularJS 输入验证
AngularJS 表单和控件可以验证输入的数据。
输入验证
在前面的几个章节中，你已经学到关于 AngularJS 表单和控件的知识。
AngularJS 表单和控件可以提供验证功能，并对用户输入的非法数据进行警告。
注意： 客户端的验证不能确保用户输入数据的安全，所以服务端的数据验证也是必须的。
应用代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="/UploadFiles/2021-04-02/angular.min.js">运行结果：
验证实例
用户名:
邮箱:
注意： HTML 表单属性 novalidate 用于禁用浏览器默认的验证。
实例解析
AngularJS ng-model 指令用于绑定输入元素到模型中。
模型对象有两个属性： user 和 email。
我们使用了 ng-show指令， color:red 在邮件是 $dirty 或 $invalid 才显示。
属性 描述 $dirty 表单有填写记录 $valid 字段内容合法的 $invalid 字段内容是非法的 $pristine 表单没有填写记录以上就是对AngularJS 输入验证的资料整理，后续继续补充，希望能帮助学习的同学。