У меня есть приведенный ниже код для проверки поля электронной почты.Но это не проверяет правильно.Я отключаю кнопку подтверждения, если поле электронной почты недействительно.Ниже приведены проблемы, с которыми я сталкиваюсь.
Enter nan - Кнопка отключена (работает нормально) nan @ - Кнопка отключена (работает нормально) nan @ g - кнопка проверки включена (в идеале этодолжно быть отключено, потому что адрес электронной почты недействителен) nan @ gmail.- кнопка отключена (это работает нормально) nan@g.com - кнопка проверки включена (в идеале она должна быть отключена, поскольку адрес электронной почты недействителен)
кнопка подтверждения должна быть включена только тогда, когдапользователь вводит nan@gmail.com.Как мне этого добиться?Следует выполнить полную проверку формата.
<input type="email" id="email" class="form-control" (keyup)="checkValue($event)" formControlName="inputValue">
<button type="button" id="verifyBtn" [disabled]="personalDtlsForm.get('inputValue').invalid" class="btn btn-primary btn-large" (click)="verify()">Verify</button>
this.personalDtlsForm = this.formBuilder.group({
inputValue: [null, [Validators.required, Validators.email]]
});