Angular10教程62表单验

白癜风专科 http://wapyyk.39.net/bj/zhuanke/89ac7.html
通常,我们都需要对用户的表单输入做验证,以保证数据的整体质量。

Angular也有两种验证表单的形式:

使用属性验证,用于模板驱动表单;

使用验证器函数进行验证,用于响应式表单。

验证器(Validator)函数

THISISTITLE

验证器函数可以是同步函数,也可以是异步函数。

同步验证器:接受控件实例,然后返回验证错误信息或null。在实例化一个FormControl时把它作为构造函数的第二个参数传进去;

异步验证器:接受实例并返回一个Promise或Observable,稍后会发出一组验证错误或null。也是在实例化FormControl时,作为第三个参数传入。

内置验证器函数

Angular内置了一些基础功能的验证器,在日常开发中可以直接使用:

我们来简单使用一下内置的验证器:

//reactive-forms.



转载请注明地址:http://www.sanbaicaoasb.com/scls/7877.html
  • 上一篇文章:
  • 下一篇文章:
  • 热点文章

    • 没有热点文章

    推荐文章

    • 没有推荐文章