我们在获取用户输入值的时候，有一个必要的环节就是进行表单验证，javascript有一些好用的 表单验证功能，但是也存在一些问题，比如进行简单的事件监听往往需要写大量的获取数据以及 数据呈现的代码

angular在数据获取、动态绑定、页面呈现等方面有很大的优势，可以将大量繁多的代码 进行简化，在表单验证方面，angular也有其特殊的优势

ng-blur

ng-blur 指令用于告诉 AngularJS HTML 元素在失去焦点时需要执行的表达式

AngularJS 中的 ng-blur 指令不会覆盖原生的 onblur 事件， 如果触发该事件， ng-blur 表达式与原生的 onblur 事件都会执行。

ng-focus

ng-focus 指令用于告诉 AngularJS 在 HTML 元素获取焦点时需要执行的操作

ng-focus 指令不会覆盖元素的原始 onfocus 事件, 事件触发时，ng-focus 表达式与原始的 onfocus 事件将都会执行。

ng-change

ng-change 指令用于告诉 AngularJS 在 HTML 元素值改变时需要执行的操作。

ng-change 指令需要搭配 ng-model 指令使用。

ng-change 事件在值的每次改变时触发，它不需要等待一个完成的修改过程，或等待失去焦点的动作。

ng-change 事件只针对输入框值的真实修改，而不是通过 JavaScript 来修改。

ng-disable

ng-disabled 指令设置表单输入字段的 disabled 属性(input, select, 或 textarea)。 如果 ng-disabled 中的表达式返回 true 则表单字段将被禁用。

4.解决方案

pattern 属性仅适用于 input 元素。它允许我们利用 正则表达式 (RegEx) 制定自己的验证规范验证输入值。 同样的，如果输入值与指定的模式不匹配，将会抛出错误信息

6.扩展思考

8.更多讨论