angular2表单异步验证

最新推荐文章于 2023-08-23 23:32:40 发布

路柳狂花

最新推荐文章于 2023-08-23 23:32:40 发布

阅读量6k

点赞数

分类专栏： # 前端文章标签：前端

本文链接：https://blog.youkuaiyun.com/ab31ab/article/details/91429856

版权

本文介绍了在Angular2中实现表单异步验证的步骤，包括创建表单、使用fromGroup进行同步和异步验证，特别是异步验证在同步验证通过后执行。还提到了同步邮箱验证和异步邮箱验证的实现，用于检查邮箱是否已被注册。同时，结合ng-zorro-ant框架，展示了验证提示信息的呈现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

工作上解决的一种异步方法，angular8都发布了，也没去看

官方网站:https://angular.io/features

阿里的框架：https://ng.ant.design/docs/recommendation/zh

1.先构建一个表单

 this.form = this.fb.group({
            Cust_Moblie: [null, [Validators.compose([this.saleService.mobileRegxValidator])], [this.mobilequeValidator]],
            Cust_Tel: [null, [Validators.compose([this.saleService.telValidator])], [this.telValidator]],
            Cust_QQ: [null, [Validators.compose([this.saleService.qqValidator])], [this.qqValidator]],
            Cust_Wechat: [null, [Validators.compose([this.saleService.weChatValidator])], [this.weChatValidator]],
            Cust_Email: [null, [Validators.compose([this.saleService.emailValidator])], [this.emailValidator]],

        });

2.fromgroup的三个参数。官方文档还是要好好看的，当初就是面向百度编程&