Question

我创建了一个userInfo表单，我想验证电子邮件字段，例如它应该包含@ gmail.com，我只希望gmail用户，我使用了响应式表单，并且我希望对emailAddress字段进行验证。

这是我的用户工作表

<div>
  <form  [formGroup]="jobform">
    <div class="form-group">
      <label>Email Address</label>
      <input type="text" formControlName="emailAddress" class="form-control"  />                

    <button [disabled]="!jobform.valid" class="btn btn-primary">Submit</button>

  </form>
</div>

Component.ts：

export class UserInfoComponent implements OnInit {
    userFormGroup: FormGroup  

    constructor(private fb: FormBuilder) { }   

    ngOnInit() {
        this.jobform= this.fb.group({
            emailAddress:['', Validators.required],
        });
    }
}

Answer 1

您可以在检查您的要求的表单控件中添加正则表达式检查。符合您要求的适当正则表达式可以是/^.+@gmail.com$/

您可以将验证器添加为：

this.jobform= this.fb.group({
     emailAddress: ['', [Validators.required, Validators.email, Validators.pattern('^.+@gmail.com$')]]
});

验证包含角动响应的formControl，其中包含“ @ gmail.com”

1 个答案: