角度7中的有效表单电子邮件验证

Question

我是angular的新手。电子邮件验证在我的反应式表单验证中不起作用。我在某个地方有错误，但是我不确定这是什么。

脚本：

  this.loginForm = this.formBulder.group({

  fname:['', Validators.required],
  lname:['', Validators.required],
  email:['',  Validators.required],
  password:['', Validators.required,Validators.maxLength(5)],
  retypepassword:['', Validators.required,Validators.maxLength(5)]

  });

https://stackblitz.com/edit/angular-forms-validation-tfzhug?file=app/app.component.html

Answer 1

您可以尝试这个：

 this.loginForm = this.formBulder.group({

          'fname': new FormControl('',Validators.required),
           'lname': new FormControl('',Validators.required),
           'email': new FormControl('',[Validators.required,Validators.email]),
          'password': new FormControl('',[Validators.required,Validators.maxLength(5)]),
           'retypepassword': new FormControl('',[Validators.required,Validators.maxLength(5)]),

           });

Answer 2

尝试这种方式

const emailPattern = '[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,63}';
mail = new FormControl('',Validators.compose( [Validators.required,Validators.pattern(emailPattern)]));