penambahan maxleght

This commit is contained in:
Fuzi_fauzia 2024-07-08 10:31:22 +07:00
parent 978127f2c4
commit 4c229e994a
3 changed files with 11 additions and 4 deletions

View File

@ -15,6 +15,7 @@
id="firstName" id="firstName"
class="form-control" class="form-control"
formControlName="firstName" formControlName="firstName"
maxlength="20"
placeholder="John Vander" placeholder="John Vander"
[ngClass]="{ [ngClass]="{
'is-invalid': submitted && f.firstName.errors 'is-invalid': submitted && f.firstName.errors
@ -37,6 +38,7 @@
id="lastName" id="lastName"
class="form-control" class="form-control"
formControlName="lastName" formControlName="lastName"
maxlength="20"
placeholder="John Vander" placeholder="John Vander"
[ngClass]="{ [ngClass]="{
'is-invalid': submitted && f.lastName.errors 'is-invalid': submitted && f.lastName.errors
@ -60,6 +62,7 @@
class="form-control" class="form-control"
formControlName="email" formControlName="email"
placeholder="email@email.com" placeholder="email@email.com"
maxlength="50"
[ngClass]="{ [ngClass]="{
'is-invalid': submitted && f.email.errors 'is-invalid': submitted && f.email.errors
}" }"
@ -79,6 +82,7 @@
id="phone" id="phone"
class="form-control" class="form-control"
formControlName="phone" formControlName="phone"
maxlength="13"
placeholder="08**************" placeholder="08**************"
[ngClass]="{ [ngClass]="{
'is-invalid': submitted && f.phone.errors 'is-invalid': submitted && f.phone.errors

View File

@ -11,7 +11,7 @@
<div class="form-body"> <div class="form-body">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="form-group position-relative"> <!-- <div class="form-group position-relative">
<label for="currentPass" style="color: #ffffff" <label for="currentPass" style="color: #ffffff"
>Current Password</label >Current Password</label
> >
@ -20,6 +20,7 @@
id="currentPass" id="currentPass"
class="form-control" class="form-control"
formControlName="currentPass" formControlName="currentPass"
maxlength="20"
placeholder="********" placeholder="********"
[ngClass]="{ [ngClass]="{
'is-invalid': submitted && f.currentPass.errors 'is-invalid': submitted && f.currentPass.errors
@ -46,7 +47,7 @@
" "
></i> ></i>
</button> </button>
</div> </div> -->
<div class="form-group position-relative"> <div class="form-group position-relative">
<label for="newPass" style="color: #ffffff" <label for="newPass" style="color: #ffffff"
>New Password</label >New Password</label
@ -56,6 +57,7 @@
id="newPass" id="newPass"
class="form-control" class="form-control"
formControlName="newPass" formControlName="newPass"
maxlength="20"
placeholder="********" placeholder="********"
[ngClass]="{ [ngClass]="{
'is-invalid': submitted && f.newPass.errors 'is-invalid': submitted && f.newPass.errors
@ -99,6 +101,7 @@
id="confirmPass" id="confirmPass"
class="form-control" class="form-control"
formControlName="confirmPass" formControlName="confirmPass"
maxlength="20"
placeholder="********" placeholder="********"
[ngClass]="{ [ngClass]="{
'is-invalid': submitted && f.confirmPass.errors 'is-invalid': submitted && f.confirmPass.errors

View File

@ -42,7 +42,7 @@ export class UpdatePasswordComponent {
this.storedData = JSON.parse(localStorage.getItem("account_info")); this.storedData = JSON.parse(localStorage.getItem("account_info"));
this.profilInfo = this.formBuilder.group({ this.profilInfo = this.formBuilder.group({
userid: this.storedData.sub, userid: this.storedData.sub,
currentPass: ["", Validators.required], currentPass: [""],
newPass: [ newPass: [
"", "",
[ [
@ -99,7 +99,7 @@ export class UpdatePasswordComponent {
cancel() { cancel() {
this.profilInfo = this.formBuilder.group({ this.profilInfo = this.formBuilder.group({
userid: this.storedData.sub, userid: this.storedData.sub,
currentPass: ["", Validators.required], currentPass: [""],
newPass: [ newPass: [
"", "",
[ [