angular 当需要form表单需要验证时，angular自带了许多校验器，但是很多时候自带的无法满足业务需求，这时候就需要自定义的校验器，下面通过本文给大家分享Angular2 自定义validators的实现方法，需要的朋友参考下吧

主要介绍了Angular2 自定义表单验证器的实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

我们会在本文中探索 Angular 2 内建的自定义验证。 # 介绍 Angular 2 原生就支持一些有用的验证器： required: 验证字段必须存在 minlength: 验证字段值的最小长度有效 maxlength: 验证字段值的最大长度有效 pattern: 验证输入的值是否匹配给定的模板，比如 email 我们会基于下面的接口创建一个表单来获取用户信息。 // user.interface.ts export interface User { username:

angular 当需要form表单需要验证时，angular自带了许多校验器，但是很多时候自带的无法满足业务需求，这时候就需要自定义的校验器 定义一个validator 定义validator 需要实现 ValidatorFn 接口 源码： export interface ValidatorFn { (c: AbstractControl): ValidationErrors | null; } 接收一个 AbstractControl 返回 ValidationErrors 或者nul

废话 最近由于项目上需要用到表单验证，前面直接通过 (input) 事件进行数据检查，但是不好和自带的验证器统一，而且也不正统。于是打算研究一下自定义验证器，网上类似的文章很多，但是自己在实现的过程中还是遇到了一些问题。于是还是啰嗦的自己写一篇文章。 正文 这里有官方文档：验证响应式表单，用户的视觉提示，自定义验证器，这篇文章是根据这些文档所来（前面两者就不再赘述比较简单，也说的比较清楚） Angular支持的内置validate属性： required- 设置表单控件值是非空的 ema