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
是一封有效的电子邮件。以下是关于这件事的更多信息: