penambahan maxleght
This commit is contained in:
parent
978127f2c4
commit
4c229e994a
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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: [
|
||||||
"",
|
"",
|
||||||
[
|
[
|
||||||
|
|
Loading…
Reference in New Issue