You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

19 lines
751 B

<div class="login-page">
<div class="form">
<p>Please Login</p>
<hr>
{{msg}}
<form class="login-form" [formGroup]='loginForm' (submit)='OnLoginFormSubmit()' style="border:1px solid #ccc">
Username: <input type="text" formControlName="username">
<div *ngIf="loginForm.controls['username'].invalid &&(loginForm.controls['username'].touched ||
loginForm.controls['username'].dirty)">Invalid username</div>
<br><br>
Password: <input type="password" formControlName="password">
<div *ngIf="loginForm.controls['password'].invalid &&(loginForm.controls['password'].touched ||
loginForm.controls['password'].dirty)">Invalid password</div>
<br><br>
<button [disabled]="!loginForm.valid">login</button>
</form>
</div>