signup form in angular 9
<div class="card">
<h4 class="card-header">Login</h4>
<div class="card-body">
<form [formGroup]="form" (ngSubmit)="onSubmit()">
<div class="form-group">
<label for="username">Username</label>
<input type="text" formControlName="username" class="form-control" [ngClass]="{ 'is-invalid': submitted && f.username.errors }" />
<div *ngIf="submitted && f.username.errors" class="invalid-feedback">
<div *ngIf="f.username.errors.required">Username is required</div>
</div>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" formControlName="password" class="form-control" [ngClass]="{ 'is-invalid': submitted && f.password.errors }" />
<div *ngIf="submitted && f.password.errors" class="invalid-feedback">
<div *ngIf="f.password.errors.required">Password is required</div>
</div>
</div>
<div class="form-group">
<button [disabled]="loading" class="btn btn-primary">
<span *ngIf="loading" class="spinner-border spinner-border-sm mr-1"></span>
Login
</button>
<a routerLink="../register" class="btn btn-link">Register</a>
</div>
</form>
</div>
</div>
Also in JavaScript:
- s3 list objects in folder node js
- vuejs 3 app.mount
- node js download file to folder
- testing objects for properties javascript
- javascript set padding left?
- use obj property inside itself
- vue for loop
- hiding header in a specific screen in react native
- Javascript $.get(
- show hand icon on hover javascript
- jquery order by specific order
- display none js
- javascript conver time into 24 hour format
- module not found error can't resolve 'rxjs/observable' angular 8
- if javascript
- tip in js
- open pdf in browser javascript
- how to convert string to int a array in javascript
- can we add jquery in chrome extension js code
- javascript remove first space in string
- get syntethicbaseevent and parameter in react
- NullInjectorError: R3InjectorError HttpClient
- javascript array exists check
- react suspense chunck