angularemail-validation

Angular2 email validation


I am new in learning Angular2, and I want to make a validation form that verifies emails after a RegEx pattern.

My code looks something like this but I don't have any idea if I am doing it right, or what I did wrong, can somebody please help me a bit?


Solution

  • Try Something like that

    <div class="alert-email">
            <label>Email</label>
                <input
                    id="contactemail"
                    type="text"                
                    #contactemail="ngModel"
                    [(ngModel)]="model.contactemail"
                    required
                    pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$">
    
            <div class="md-errors-spacer" [hidden]="contactemail.valid || contactemail.untouched">
                <div  *ngIf="contactemail.errors && contactemail.errors.required">
                    Email is required
                </div>
                <div  *ngIf="contactemail.errors && contactemail.errors.pattern">
                    Email is invalid
                </div>
            </div>
        </div>