Skip to main content

Como validar o e-mail e CPF em angular 5?

Caros, Gostaria de saber comcomo posso validar o Ee-mail e CPF em angular 5.

Fiz o codigo basicobásico:

 <mat-form-field class="full-width">
          <input matInput placeholder="E-mail" [formControl]="emailFormControl" [(ngModel)]="email">
          <mat-error *ngIf="emailFormControl.hasError('email') && !emailFormControl.hasError('required')">
            Por favor entre com um endereço de e-mail valido
          </mat-error>
          <mat-error *ngIf="emailFormControl.hasError('required')">
            E-mail é
            <strong>requirido</strong>
          </mat-error>
        </mat-form-field>

     <mat-form-field class="full-width">

          <input matInput placeholder="CPF" [formControl]="cpfFormControl" [(ngModel)]="cpf">
          <mat-error *ngIf="cpfFormControl.hasError('required')">
            CPF é
            <strong>requirido</strong>
          </mat-error>
        </mat-form-field>

<button mat-button type="submit" class="btn btn-primary btn-lg btn-block button-size" (click)="Logar()">Enviar</button>

Como validar o e-mail e CPF em angular 5?

Caros, Gostaria de saber com posso validar o E-mail e CPF em angular 5.

Fiz o codigo basico:

 <mat-form-field class="full-width">
          <input matInput placeholder="E-mail" [formControl]="emailFormControl" [(ngModel)]="email">
          <mat-error *ngIf="emailFormControl.hasError('email') && !emailFormControl.hasError('required')">
            Por favor entre com um endereço de e-mail valido
          </mat-error>
          <mat-error *ngIf="emailFormControl.hasError('required')">
            E-mail é
            <strong>requirido</strong>
          </mat-error>
        </mat-form-field>

     <mat-form-field class="full-width">

          <input matInput placeholder="CPF" [formControl]="cpfFormControl" [(ngModel)]="cpf">
          <mat-error *ngIf="cpfFormControl.hasError('required')">
            CPF é
            <strong>requirido</strong>
          </mat-error>
        </mat-form-field>

<button mat-button type="submit" class="btn btn-primary btn-lg btn-block button-size" (click)="Logar()">Enviar</button>

Como validar e-mail e CPF em angular 5?

Caros, Gostaria de saber como posso validar o e-mail e CPF em angular 5.

Fiz o codigo básico:

<mat-form-field class="full-width">
    <input matInput placeholder="E-mail" [formControl]="emailFormControl" [(ngModel)]="email">
    <mat-error *ngIf="emailFormControl.hasError('email') && !emailFormControl.hasError('required')">
        Por favor entre com um endereço de e-mail valido
    </mat-error>
    <mat-error *ngIf="emailFormControl.hasError('required')">
        E-mail é
        <strong>requirido</strong>
    </mat-error>
</mat-form-field>

<mat-form-field class="full-width">

    <input matInput placeholder="CPF" [formControl]="cpfFormControl" [(ngModel)]="cpf">
    <mat-error *ngIf="cpfFormControl.hasError('required')">
        CPF é
        <strong>requirido</strong>
    </mat-error>
</mat-form-field>

<button mat-button type="submit" class="btn btn-primary btn-lg btn-block button-size" (click)="Logar()">Enviar</button>
Fonte Link
Marck
  • 59
  • 1
  • 2
  • 9

Como validar o e-mail e CPF em angular 5?

Caros, Gostaria de saber com posso validar o E-mail e CPF em angular 5.

Fiz o codigo basico:

 <mat-form-field class="full-width">
          <input matInput placeholder="E-mail" [formControl]="emailFormControl" [(ngModel)]="email">
          <mat-error *ngIf="emailFormControl.hasError('email') && !emailFormControl.hasError('required')">
            Por favor entre com um endereço de e-mail valido
          </mat-error>
          <mat-error *ngIf="emailFormControl.hasError('required')">
            E-mail é
            <strong>requirido</strong>
          </mat-error>
        </mat-form-field>

     <mat-form-field class="full-width">

          <input matInput placeholder="CPF" [formControl]="cpfFormControl" [(ngModel)]="cpf">
          <mat-error *ngIf="cpfFormControl.hasError('required')">
            CPF é
            <strong>requirido</strong>
          </mat-error>
        </mat-form-field>

<button mat-button type="submit" class="btn btn-primary btn-lg btn-block button-size" (click)="Logar()">Enviar</button>