我已经创建了一个注册表单。因为电子邮件验证不起作用!
这是代码:-
HTML页面
<form [formGroup]="myForm" (ngSubmit)="submit()" >
<ion-item>
<ion-label primary floating>EMAIL</ion-label>
<ion-input type="email" id="email" class="form-control" formControlName="email" ></ion-input>
</ion-item>
<p *ngIf="myForm.controls.email.errors && myForm.controls.email.dirty " class="alert alert-danger">
<small class="up"> <i>Enter Valid Email Address!</i></small></p>
Run Code Online (Sandbox Code Playgroud)
ts文件:-
this.myForm = formBuilder.group({
'email' : new FormControl('', [Validators.required, Validators.pattern(required pattern=("^[a-zA-Z0–9_.+-]+@[a-zA-Z0–9-]+.[a-zA-Z0–9-.]+$)"])
}
Run Code Online (Sandbox Code Playgroud)
当我以表格形式输入一些数据时,它们将生效!!不验证电子邮件!