Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular Validators.email指令无法正常工作_Angular - Fatal编程技术网

Angular Validators.email指令无法正常工作

Angular Validators.email指令无法正常工作,angular,Angular,我正在使用Validators.email指令()检查电子邮件id的结构是否正确。但是,我注意到它传递了hello。com@com输入。这是预期的行为吗?代码示例位于 检查signup component.component.ts中的createForm()函数,正如他在评论中所说,这是正确的行为。但是如果您对它不满意,您可以在注册组件.component.ts中使用以下代码 export class SignupComponentComponent implements OnInit{

我正在使用
Validators.email
指令()检查电子邮件id的结构是否正确。但是,我注意到它传递了
hello。com@com
输入。这是预期的行为吗?代码示例位于

检查
signup component.component.ts

中的
createForm()
函数,正如他在评论中所说,这是正确的行为。但是如果您对它不满意,您可以在
注册组件.component.ts
中使用以下代码

export class SignupComponentComponent implements OnInit{

  EMAIL_PATTERN = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

  constructor() {}

  createForm(){
    this.signupForm = this.fb.group({
      email:[null,[Validators.required,Validators.pattern(this.EMAIL_PATTERN)]],
    });
  }
}
导出类SignupComponentComponent实现OnInit{
电子邮件模式=/^([^()\[\]\\,;:\s@“]+(\.[^()\[\]\\,;:\s@“]+)*)(“+”)(\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.];
构造函数(){}
createForm(){
this.signupForm=this.fb.group({
电子邮件:[null,[Validators.required,Validators.pattern(this.email_pattern)],
});
}
}

请参阅更新的。

这是正确的行为,电子邮件地址并不总是以.com或TLD结尾:例如
test@localhost
是一封有效的电子邮件。以下是关于这件事的更多信息: