angular 自定义form表单验证控件 | 金金求上进

JerryXia 发表于 2019-03-24 01:05:05 , 阅读 (0)

angular的form体系，为我们做表单验证提供了很大的便利.

它会为我们的表单元素添加标识不同状态的class，我们可以set对应样式控制元素表现
根据form的$valid, $toched等状态属性控制元素行为，譬如对submit button添加上(ng-disabled=”form.$invalid”)属性，输入不合法时禁止提交
在controller里，通过form的$setValidity, $comitViewVaue 等方法，进行一系列的form交互控制。
再比如，自定义form内元素的验证行为，如自定义一个numRangeValidate的directive，绑到form里的input上去，验证输入范围。

[ 技术文章推荐 ]

Creative Commons License

本文基于署名 2.5 中国大陆许可协议发布，欢迎转载，演绎或用于商业目的，但必须保留本文署名angular 自定义form表单验证控件 | 金金求上进(包含链接）。