什么是有效电子邮件模式 angular 4 或 6?

what is Valid email Pattern angular 4 or 6?

我正在使用 formbuilder 并且我使用了以下模式

this.registerForm = this.formbuilder.group({
      title : ['',Validators.required],
      fname : ['',Validators.required],
      lname : ['',Validators.required],
      tel : ['',[Validators.required, Validators.pattern('^[+][0-9]+$')]],
      email : ['',[Validators.required,Validators.pattern('^[_a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$')]],
      cname : ['', Validators.required],
      role : ['']
    });

它正在验证电子邮件地址,但未验证电子邮件中的 .com or .xxxx。例如,它将以下电子邮件 ID 视为有效电子邮件:

ambuj.webmasters@xxxx

应该认为是无效的。有效的电子邮件 ID 可以是:

ambuj.webmasters@xxxxx.com

试试这个模式,

this.registerForm = this.formbuilder.group({
      title : ['',Validators.required],
      fname : ['',Validators.required],
      lname : ['',Validators.required],
      tel : ['',[Validators.required, Validators.pattern('^[+][0-9]+$')]],
      email: ['', Validators.compose([Validators.required, Validators.pattern(/[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/)])],
      cname : ['', Validators.required],
      role : ['']
    });