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.
65 lines
3.3 KiB
65 lines
3.3 KiB
|
|
<div class="login-page">
|
|
<div class="form">
|
|
<!-- <div class="container"> -->
|
|
<h1>Register Yourself</h1>
|
|
<p>Please fill in this form to create an account.</p>
|
|
<hr>
|
|
|
|
<form [formGroup]='accountForm' (submit)='OnAccountFormSubmit()'>
|
|
|
|
Username: <input type="text" formControlName="username">
|
|
<div *ngIf="accountForm.controls['username'].invalid &&(accountForm.controls['username'].touched ||
|
|
accountForm.controls['username'].dirty)">Invalid username</div>
|
|
<br><br>
|
|
Password: <input type="password" formControlName="password">
|
|
<div *ngIf="accountForm.controls['password'].invalid &&(accountForm.controls['password'].touched ||
|
|
accountForm.controls['password'].dirty)">Invalid password</div>
|
|
<br><br>
|
|
Name: <input type="text" formControlName="fullname">
|
|
<div *ngIf="accountForm.controls['fullname'].invalid &&(accountForm.controls['fullname'].touched ||
|
|
accountForm.controls['fullname'].dirty)">Invalid full name</div>
|
|
<br><br>
|
|
Gender: <input type="text" formControlName="gender">
|
|
<div *ngIf="accountForm.controls['gender'].invalid &&(accountForm.controls['gender'].touched ||
|
|
accountForm.controls['gender'].dirty)">Invalid gender</div>
|
|
<br><br>
|
|
Phone no: <input type="number" formControlName="phone">
|
|
<div *ngIf="accountForm.controls['phone'].invalid &&(accountForm.controls['phone'].touched ||
|
|
accountForm.controls['phone'].dirty)">Invalid phone number</div>
|
|
<br><br>
|
|
Email: <input type="text" formControlName="email">
|
|
<div *ngIf="accountForm.controls['email'].invalid &&(accountForm.controls['email'].touched ||
|
|
accountForm.controls['email'].dirty)">Invalid email</div>
|
|
<br><br>
|
|
Building Address: <input type="text" formControlName="address">
|
|
<div *ngIf="accountForm.controls['address'].invalid &&(accountForm.controls['address'].touched ||
|
|
accountForm.controls['address'].dirty)">Invalid building address</div>
|
|
<br><br>
|
|
City: <input type="text" formControlName="city">
|
|
<div *ngIf="accountForm.controls['city'].invalid &&(accountForm.controls['city'].touched ||
|
|
accountForm.controls['city'].dirty)">Invalid city</div>
|
|
<br><br>
|
|
State: <input type="text" formControlName="state">
|
|
<div *ngIf="accountForm.controls['state'].invalid &&(accountForm.controls['state'].touched ||
|
|
accountForm.controls['state'].dirty)">Invalid state</div>
|
|
<br><br>
|
|
Pincode: <input type="text" formControlName="pincode">
|
|
<div *ngIf="accountForm.controls['pincode'].invalid &&(accountForm.controls['pincode'].touched ||
|
|
accountForm.controls['pincode'].dirty)">Invalid pincode</div>
|
|
<br><br>
|
|
Apartments: <input type="text" formControlName="apartments">
|
|
<div *ngIf="accountForm.controls['apartments'].invalid &&(accountForm.controls['apartments'].touched ||
|
|
accountForm.controls['apartments'].dirty)">Invalid no. of apartments</div>
|
|
<br><br>
|
|
<div class="clearfix">
|
|
<button [disabled]="!accountForm.valid">Register</button>
|
|
</div>
|
|
</form>
|
|
|
|
<p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>
|
|
|
|
|
|
<!-- </div> -->
|
|
</div>
|
|
</div>
|