Проверьте форму FormControl в угловой реактив, из которого содержится "@ gmail.com"

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$')]]
});