이메일을 검증하는 지시문을 만들고 싶다면 어떻게해야합니까?이메일의 각도를 확인하십시오.
import { Directive } from '@angular/core';
@Directive({
selector: '[appEmailValidator]'
})
export class EmailValidatorDirective {
constructor() {}
}
지시문을 만들었지 만 유효성 검사 규칙/메시지를 구현하는 방법을 모릅니다.
당신은 단순히 pattern까지 그것을 달성 할 수 있습니다. 좋아요 :
<input
id="email"
type="text"
pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$"
required>
그래, 나는 그 모든 일을했다. 그러나 나는 어떻게 든 다음을 할 필요가있다. 그리고 나는 찾고있다. 1. 입력 할 때 확인 메시지 숨기기 2. u를 입력 한 다음 삭제할 때 - msg 메시지 표시 : 3. 전자 메일이 유효하지 않은 동안 입력을하고 입력을 클릭하면 - msg = 전자 메일이 유효하지 않습니다. 4. 필드로 돌아올 때 = 이전의 모든 유효성 검사 메시지를 숨길 때 나 자신을 위해 힘든 일들 : / – grabnem
먼저 자신 만의 유효성 검사기를 작성할 필요가 없습니다.
Angular v4.0.0-beta6에는 내장 이메일 검사기가 있습니다. 그것을 사용하기 위해
다음을 수행하십시오
<input
type="email"
email
name="emailField"
[(ngModel)]="email"
#emailField="ngModel">
대답에 REFR, 그것을 구현하는 시도하십시오. 커스텀 지침 http://stackoverflow.com/questions/34072092/generic-mail-validator-in-angular2 – sainu