Skip to content

Instantly share code, notes, and snippets.

@uno-de-piera
Created January 7, 2018 15:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save uno-de-piera/ad13ed425c882c7e020d9c22e5c2c04f to your computer and use it in GitHub Desktop.
Save uno-de-piera/ad13ed425c882c7e020d9c22e5c2c04f to your computer and use it in GitHub Desktop.
<form [formGroup]="loginForm" (ngSubmit)="submit()" novalidate>
<div class="form-group">
<label class="center-block">Email:
<input class="form-control" formControlName="email">
</label>
<div *ngIf="loginForm.get('email').errors" class="alert alert-danger">
<div *ngIf="loginForm.get('email').errors['required']">
Email requerido
</div>
<div *ngIf="loginForm.get('email').errors['email']">
Email incorrecto
</div>
</div>
</div>
<div class="form-group">
<label class="center-block">Password:
<input type="password" class="form-control" formControlName="password">
</label>
<div *ngIf="loginForm.get('password').errors" class="alert alert-danger">
<div *ngIf="loginForm.get('password').errors['required']">
Password requerido
</div>
<div *ngIf="loginForm.get('password').errors['minlength']">
Password inseguro
</div>
</div>
</div>
<button type="submit" class="btn btn-primary btn-block" [disabled]="!loginForm.valid">Login</button>
<button type="reset" class="btn btn-default btn-block">Reset</button>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment