typescript-如何在Angular 4中以被动形式验证多个电子邮件地址
发布时间:2022-03-24 19:50:52 248
相关标签: # html# angular
我需要输入50个相同域名的电子邮件地址(gmail.com)。
我用的是被动语态。我添加了一些代码,我写的形式,它不适合我。
https://stackblitz.com/edit/angular-wfwfow
有人能帮我吗?
emailPattern = "[a-zA-Z0-9_.+-,;]+@(?:(?:[a-zA-Z0-9-]+\.,;)?[a-zA-Z]+\.,;)?(gmail)\.com";
ngOnInit() {
this.accountingForm = this.fb.group({
'day' : [null, Validators.required],
'email': ['',
Validators.compose([
Validators.required,Validators.pattern(this.emailPattern),this.commaSepEmail
])
]
});
}
commaSepEmail = (control: AbstractControl): { [key: string]: any } | null => {
console.log("This is value:" + control.value);
if (!_.isEmpty(control.value)){
var emails= control.value.split(',');
const forbidden = emails.some((email:any) => Validators.email(new FormControl(email)));
console.log(forbidden);
return forbidden ? { 'email': { value: control.value.trim() } } : null;
}
};
<form [formGroup]="accountingForm" (ngSubmit)="generateSOR(accountingForm.value)">
<input formControlName="email" [pattern]="emailPattern" placeholder="Email Address">
<button type="submit" mat-raised-button class="mat-primary" [disabled]="!accountingForm.valid">Generate</button>
</form>
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报