如何实现Angular表单验证器在验证过程中同时限制用户输入？

本文共计1449个文字，预计阅读时间需要6分钟。

Angular中，对表单进行验证，设置了大量指令。无需编写逻辑，直接绑定指令即可行。

+ ng-app + 启动你的Angular模块+ ng-controller + 控制器，启动Angular中的逻辑代码，作用在页面上

angular里面对于表单验证，设置了很多指令。

也就是说不用自己写一些逻辑，直接绑定指令就行。

ng-app 启动你angular的模块

ng-controller 控制器，启动你angualr里面的逻辑代码作用在页面上

ng-options 循环你select里面的option标签，很好用的

ng-submit，表单提交执行的

novalidate 表单form配合后期检测的

ng-model 实现双数据绑定

ng-show 根据一定的逻辑实现显示

ng-cloak 绑定在节点上，防止节点渲染，angular指令闪烁

ng-class class类名根据你的逻辑，出现

ng-required 检测你的input为不为空

ng-pattern 正则表达式，绑定在input上面限制输入规范

ng-maxlength 最多输入限制

ng-minlength 最少输入限制

ng-disabled="myForm.$invalid" 脏检测

大概就需要这些指令了，大家不要喷我。谢谢

仔细回想以前使用响应式表单的验证器的时候，只是验证输入的值是否非法，而没有做对应的限制输入，比如当输入一串金额的时候只能输入数字，有这种需求的时候，我们该怎么做限制输入？用input来监听？用onModelChange来监听？我们可以直接写在验证器里面。